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.

What this tool does

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.

How to use the tool

  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.

Useful applications

  • 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.

Notes and limitations

  • 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.

Frequently asked questions

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.