SVG-viewer

Plak SVG/XML-code en bekijk de vectorafbeelding rechtstreeks in je browser. Het voorbeeld ondersteunt zoomen en pannen.

SVG-viewer

SVG-code

Plak SVG/XML-code of bewerk deze rechtstreeks.

Voorbeeld

Scripts en externe bronnen worden om veiligheidsredenen geblokkeerd.

100%

Geldige SVG-code verschijnt hier.

Wat deze tool doet

De SVG-viewer rendert SVG-code rechtstreeks in je browser, zodat je een vectorafbeelding kunt controleren zonder de code naar een externe dienst te sturen.

Hoe je de tool gebruikt

  1. Plak een volledig SVG-document in het codeveld of bewerk de XML rechtstreeks.
  2. Bekijk de gerenderde afbeelding en gebruik zoomen of pannen om details te controleren.
  3. Herstel de weergave of wis het veld wanneer je een andere SVG wilt bekijken.

Praktische toepassingen

  • Een zelfgemaakte SVG controleren voordat je deze op een website gebruikt.
  • De viewBox, vormen en tussenruimten van een vectorafbeelding in de browser bekijken.
  • Kleine wijzigingen in SVG-code vergelijken met het gerenderde resultaat.

Opmerkingen en beperkingen

  • De code wordt lokaal in je browser verwerkt. Scripts, ingesloten HTML en externe bronnen worden geblokkeerd.
  • Niet-ondersteunde of mogelijk onveilige SVG-inhoud kan uit het voorbeeld worden verwijderd.

Veelgestelde vragen

Waarom wordt mijn SVG niet weergegeven?

Controleer of de inhoud geldige XML is met een <svg>-hoofdelement. Onvolledige of onjuist opgebouwde documenten worden niet gerenderd.

Worden externe afbeeldingen of lettertypen geladen?

Nee. Externe bronnen en uitvoerbare inhoud worden om veiligheidsredenen geblokkeerd.