SVG-visning
Lim inn rå SVG-markup og forhåndsvis det gjengitte resultatet umiddelbart.
Forhåndsvisningen deaktiverer skript og eksterne referanser, samtidig som du fortsatt kan inspisere viewBox og størrelsesdetaljer.
SVG-forhåndsvisning: lim inn rå kode og sjekk resultatet umiddelbart
viewBox- og størrelsessjekk: se gjennom gjennomsiktighet og potensielt usikkert innhold
Slik bruker du det
- Lim inn SVG-kode eller last inn en `.svg`-fil.
- Bytt bakgrunn og zoomnivå for å inspisere gjengivelsen.
- Se gjennom viewBox, størrelsesdetaljer og advarsler, og lagre deretter SVG-en om nødvendig.
Eksempel
Enkelt ikon i SVG
Inndata
<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>
Utdata
Et blått, sirkelformet ikon gjengis, og viewBox vises som `0 0 120 120` i infopanelet.
Ofte stilte spørsmål
Blir SVG-en min lastet opp noe sted?
Nei. Inlimt SVG og innlastede filer blir værende i nettleseren og sendes ikke til en server.
Hva skjer med SVG-er som inneholder script eller foreignObject?
Den trygge forhåndsvisningen fjerner disse elementene før gjengivelse og viser en advarsel i infopanelet.
Vil SVG-er med eksterne bilder eller fonter gjengis helt likt?
Ikke alltid. Eksterne referanser er deaktivert, så utseendet kan avvike fra originalmiljøet. Dette verktøyet prioriterer trygg lokal inspeksjon.
Hvorfor gjengis ikke SVG-en min?
Vanlige årsaker er ugyldig XML, feil attributtverdier eller et rot-element som ikke er `svg`. Sjekk feilmeldingen som vises av verktøyet.
Hvorfor skulle jeg bytte bakgrunn?
Gjennomsiktige områder og ikoner i lyse farger kan se svært forskjellige ut avhengig av bakgrunnen, så verktøyet lar deg raskt teste rutemønster, hvit og mørk bakgrunn.
Merknader
- For sikkerhets skyld deaktiveres eksterne URL-referanser og farlige elementer før gjengivelse.
- SVG-er som er avhengige av eksterne fonter eller bilder kan se annerledes ut enn i originalmiljøet.
- Svært store SVG-filer går automatisk ut av direkte forhåndsvisning og ber deg gjengi manuelt.