SVG-fremviser
Indsæt rå SVG-markup og få straks vist det gengivne resultat.
Forhåndsvisningen deaktiverer scripts og eksterne referencer, men lader dig stadig kontrollere viewBox og størrelsesoplysninger.
SVG-forhåndsvisning: indsæt rå kode og kontrollér straks resultatet
Kontrol af viewBox og størrelse: gennemgå gennemsigtighed og potentielt usikkert indhold
Sådan bruges det
- Indsæt SVG-kode eller indlæs en `.svg`-fil.
- Skift baggrund og zoomniveau for at kontrollere gengivelsen.
- Gennemgå viewBox, størrelsesoplysninger og advarsler, og gem derefter SVG'en, hvis det er nødvendigt.
Eksempel
Enkel ikon-SVG
Input
<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>
Output
Et blåt cirkulært ikon gengives, og viewBox vises som `0 0 120 120` i informationspanelet.
FAQ
Bliver min SVG uploadet nogen steder?
Nej. Indsat SVG og indlæste filer bliver i din browser og sendes ikke til en server.
Hvad sker der med SVG'er, der indeholder script eller foreignObject?
Den sikre forhåndsvisning fjerner disse elementer før gengivelse og viser en advarsel i informationspanelet.
Vil SVG'er med eksterne billeder eller fonte blive gengivet præcis ens?
Ikke altid. Eksterne referencer er deaktiveret, så udseendet kan afvige fra det oprindelige miljø. Dette værktøj prioriterer sikker lokal gennemgang.
Hvorfor bliver min SVG ikke gengivet?
Almindelige årsager er ugyldig XML, forkerte attributværdier eller et rodelement, der ikke er `svg`. Kontrollér fejlmeddelelsen, som værktøjet viser.
Hvorfor skulle jeg skifte baggrund?
Gennemsigtige områder og lyse ikoner kan se meget forskellige ud afhængigt af baggrunden, så værktøjet lader dig hurtigt teste ternet, hvid og mørk baggrund.
Bemærkninger
- Af sikkerhedshensyn deaktiveres eksterne URL-referencer og farlige elementer før gengivelse.
- SVG'er, der afhænger af eksterne fonte eller billeder, ser muligvis ikke ens ud som i det oprindelige miljø.
- Meget store SVG-filer skifter automatisk fra live-forhåndsvisning til manuel gengivelse.