i

SVG Viewer

Mit diesem Modul kann ein SVG Viewer eingebunden werden. Damit ist es möglich SVG Code live im Browser übersetzen und anzeigen zu lassen.

Das Modul einbinden

Um das Modul nutzen zu können, muss die Einbindung des Moduls über den Meta-Tag features erfolgen (siehe auch Abschnitt "Javascript"):

Beispielquelltext für die Einbindung des SVG Viewers über das Meta-Tag features

Das Modul verwenden

Die Verwendung des Moduls wird über einen HTML-Tag gesteuert. Er wird an der gewünschten Stelle eingefügt:

<div class="svg-viewer"></div>

Konfiguration vornehmen

data-config - Übergabe der Konfiguration im JSON Format, Reihenfolge beliebig

  • filenameSVG Dateiname einer Datei im Projektordner.
  • height Höhe (Standardwert: 400px).

Beispiel leerer Editor

<div class="svg-viewer"></div>

Beispiel mit eingebundener Datei und verringerter Höhe

<div class="svg-viewer" data-config='{"filenameSVG":"test-bild.svg", "height":"100px"}'></div>

Suche

v
15.6.3.4.10
dev.inf-schule.de/infschule/dokumentation/kapitel-erstellen/interaktive-elemente/svg-viewer
dev.inf-schule.de/15.6.3.4.10
dev.inf-schule.de/@/page/ETZQ20yHmBSb1E2D

Rückmeldung geben