SVG und JavaScript + foreignObject?

[Matthias Scharwies]

Guten Morgen,

ich habe mir unser Wiki angeguckt.

Zu foreignObject fand ich dies: HTML in SVG, was aber nicht prominent verlinkt ist.

Dieses Tutorial behandelt SVG und JavaScript

Dort geht es ja unter anderem drum, dass Beispiele aus der Frühzeit von SVG z. B. mouseover-Effekte bei Buttons und Navigationen in SVG mit JavaScript realisiert hatten. Deshalb die Empfehlung:

1. Sollte man jetzt hier einen Abschnitt zu HTML in SVG einfügen, um eine mit foereignObject eingefügte Linkliste oder mehrzeiligen Text^[1] (Beides geht in SVG nicht so gut wie in HTML) mit JS zu bearbeiten? Was wäre der Use Case?

2. Hat jemand Anwendungsbeispiele, bei denen man externe SVGs mit JavaScript bearbeitet?
   @Jürgen B Da passt ja dein Tutorial zu Leaflet ganz gut, oder?

Herzliche Grüße

Matthias Scharwies

---

1. Ein div ist doch wie ein rect - man sollte für ein Beispiel Elemente nehmen, deren Standardverhalten man in SVG erst nachbauen müsste. ↩︎