SVG-katselin
Liitä raakaa SVG-merkkausta ja esikatsele renderöity tulos heti.
Esikatselu estää skriptit ja ulkoiset viittaukset, mutta antaa silti tarkistaa viewBoxin ja kokotiedot.
SVG-esikatselu: liitä raakakoodi ja tarkista tulos heti
viewBox- ja kokotarkistukset: tarkista läpinäkyvyys ja mahdollisesti vaarallinen sisältö
Käyttöohje
- Liitä SVG-koodi tai lataa `.svg`-tiedosto.
- Vaihda taustaa ja zoomaustasoa tarkistaaksesi renderöinnin.
- Tarkista viewBox, kokotiedot ja varoitukset, ja tallenna SVG tarvittaessa.
Esimerkki
Yksinkertainen SVG-kuvake
Syöte
<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>
Tulos
Sininen pyöreä kuvake renderöidään, ja tietopaneelissa näytetään viewBox `0 0 120 120`.
Usein kysytyt kysymykset
Ladataanko SVG:ni jonnekin?
Ei. Liitetty SVG ja ladatut tiedostot pysyvät selaimessasi eikä niitä lähetetä palvelimelle.
Mitä tapahtuu SVG:ille, jotka sisältävät script- tai foreignObject-elementtejä?
Turvallinen esikatselu poistaa nämä elementit ennen renderöintiä ja näyttää varoituksen tietopaneelissa.
Renderöityvätkö SVG:t, joissa on ulkoisia kuvia tai fontteja, täsmälleen samalla tavalla?
Ei aina. Ulkoiset viittaukset poistetaan käytöstä, joten ulkonäkö voi poiketa alkuperäisestä ympäristöstä. Tämä työkalu priorisoi turvallisen paikallisen tarkastelun.
Miksi SVG:ni ei renderöidy?
Yleisiä syitä ovat virheellinen XML, huonot attribuuttiarvot tai juurielementti, joka ei ole `svg`. Tarkista työkalun näyttämä virheilmoitus.
Miksi taustaa kannattaa vaihtaa?
Läpinäkyvät alueet ja vaaleat kuvakkeet voivat näyttää hyvin erilaisilta taustasta riippuen, joten työkalu antaa testata nopeasti ruutukuviota, valkoista ja tummaa taustaa.
Huomautukset
- Turvallisuuden vuoksi ulkoiset URL-viittaukset ja vaaralliset elementit poistetaan käytöstä ennen renderöintiä.
- SVG:t, jotka riippuvat ulkoisista fonteista tai kuvista, eivät välttämättä näytä samalta kuin alkuperäisessä ympäristössä.
- Hyvin suuret SVG-tiedostot poistuvat automaattisesti reaaliaikaisesta esikatselutilasta ja pyytävät renderöimään käsin.