SVG-viewer
Plak ruwe SVG-opmaak en bekijk het gerenderde resultaat meteen.
De voorvertoning schakelt scripts en externe verwijzingen uit, terwijl u viewBox- en grootte-informatie nog steeds kunt bekijken.
SVG-voorvertoning: plak ruwe code en controleer het resultaat direct
viewBox- en groottecontrole: bekijk transparantie en mogelijk onveilige inhoud
Hoe te gebruiken
- Plak SVG-code of laad een `.svg`-bestand.
- Wissel de achtergrond en het zoomniveau om de weergave te controleren.
- Controleer viewBox, grootte-informatie en waarschuwingen en sla de SVG indien nodig op.
Voorbeeld
Eenvoudige SVG met pictogram
Invoer
<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>
Uitvoer
Een blauw rond pictogram wordt gerenderd en het viewBox wordt in het infopaneel weergegeven als `0 0 120 120`.
Veelgestelde vragen
Wordt mijn SVG ergens geüpload?
Nee. Geplakte SVG en geladen bestanden blijven in uw browser en worden niet naar een server gestuurd.
Wat gebeurt er met SVG's die script of foreignObject bevatten?
De veilige voorvertoning verwijdert die elementen vóór het renderen en toont een waarschuwing in het infopaneel.
Worden SVG's met externe afbeeldingen of lettertypen precies hetzelfde weergegeven?
Niet altijd. Externe verwijzingen zijn uitgeschakeld, dus de weergave kan afwijken van de oorspronkelijke omgeving. Deze tool geeft prioriteit aan veilige lokale inspectie.
Waarom wordt mijn SVG niet weergegeven?
Veelvoorkomende oorzaken zijn ongeldige XML, verkeerde attribuutwaarden of een root-element dat geen `svg` is. Controleer de foutmelding van de tool.
Waarom zou ik de achtergrond wisselen?
Transparante gebieden en lichtgekleurde pictogrammen kunnen er heel anders uitzien afhankelijk van de achtergrond. Daarom kunt u snel schaakbord-, witte en donkere achtergronden testen.
Opmerkingen
- Voor de veiligheid worden externe URL-verwijzingen en gevaarlijke elementen vóór het renderen uitgeschakeld.
- SVG's die afhankelijk zijn van externe lettertypen of afbeeldingen kunnen er anders uitzien dan in de oorspronkelijke omgeving.
- Zeer grote SVG-bestanden schakelen automatisch uit live voorvertoning en vragen u om handmatig te renderen.