SVG skatītājs
Ielīmējiet neapstrādātu SVG iezīmējumu un uzreiz priekšskatiet renderēto rezultātu.
Priekšskatījumā skripti un ārējās atsauces ir atspējotas, vienlaikus ļaujot pārbaudīt viewBox un izmēra detaļas.
SVG priekšskatījums: ielīmējiet neapstrādātu kodu un uzreiz pārbaudiet rezultātu
viewBox un izmēra pārbaude: pārskatiet caurspīdīgumu un potenciāli nedrošu saturu
Kā lietot
- Ielīmējiet SVG kodu vai ielādējiet `.svg` failu.
- Pārslēdziet fonu un tālummaiņas līmeni, lai pārbaudītu renderēšanu.
- Pārskatiet viewBox, izmēra detaļas un brīdinājumus, pēc tam vajadzības gadījumā saglabājiet SVG.
Paraugs
Vienkāršas ikonas SVG
Ievade
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Rezultāts
Tiek renderēta zila apļveida ikona, un viewBox informācijas panelī tiek parādīts kā `0 0 120 120`.
BUJ
Vai mans SVG tiek augšupielādēts kaut kur citur?
Nē. Ielīmētais SVG un ielādētie faili paliek jūsu pārlūkā un netiek sūtīti uz serveri.
Kas notiek ar SVG, kurā ir script vai foreignObject?
Drošais priekšskatījums pirms renderēšanas noņem šos elementus un informācijas panelī rāda brīdinājumu.
Vai SVG ar ārējiem attēliem vai fontiem renderēsies tieši tāpat?
Ne vienmēr. Ārējās atsauces ir atspējotas, tāpēc izskats var atšķirties no sākotnējās vides. Šis rīks prioritizē drošu lokālu pārbaudi.
Kāpēc mans SVG netiek renderēts?
Biežākie iemesli ir nederīgs XML, nepareizas atribūtu vērtības vai saknes elements, kas nav `svg`. Pārbaudiet rīka parādīto kļūdas ziņojumu.
Kāpēc vajadzētu mainīt fonu?
Caurspīdīgas zonas un gaišas ikonas var izskatīties ļoti atšķirīgi atkarībā no fona, tāpēc rīks ļauj ātri pārbaudīt šaha, balto un tumšo fonu.
Piezīmes
- Drošības dēļ ārējās URL atsauces un bīstamie elementi pirms renderēšanas tiek atspējoti.
- SVG, kas paļaujas uz ārējiem fontiem vai attēliem, var neizskatīties tieši tāpat kā sākotnējā vidē.
- Ļoti lieli SVG faili automātiski izslēdzas no tiešā priekšskatījuma un pieprasa manuālu renderēšanu.