SVG und JavaScript + foreignObject?
bearbeitet von
Guten Morgen,
ich habe mir unser Wiki angeguckt.
Zu foreignObject fand ich dies: [HTML in SVG](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Text/mehrzeiliger_Text#HTML_in_SVG), was aber nicht prominent verlinkt ist.
Dieses Tutorial behandelt [**SVG und JavaScript**](https://wiki.selfhtml.org/wiki/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:
[](/images/8b2933b8-a6fe-11ef-ad25-9c6b00263d9f.jpg)
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?**
[^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.
2. **Hat jemand Anwendungsbeispiele, bei denen man externe SVGs mit JavaScript bearbeitet?**
@Jürgen B Da passt ja dein [Tutorial zu Leaflet](https://blog.selfhtml.org/2019/jan/13/einstieg-in-leaflet) ganz gut, oder?
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?
SVG und JavaScript + foreignObject?
bearbeitet von
Guten Morgen,
ich habe mir unser Wiki angeguckt.
Zu foreignObject fand ich dies: [HTML in SVG](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Text/mehrzeiliger_Text#HTML_in_SVG), was aber nicht prominent verlinkt ist.
Dieses Tutorial behandelt [**SVG und JavaScript**](https://wiki.selfhtml.org/wiki/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:
[](/images/8b2933b8-a6fe-11ef-ad25-9c6b00263d9f.jpg)
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?**
[^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.
2. **Hat jemand ein Anwendungsbeispiel, bei dem man externe SVGs mit JavaScript bearbeitet?**
@Jürgen B Da passt ja dein [Tutorial zu Leaflet](https://blog.selfhtml.org/2019/jan/13/einstieg-in-leaflet) ganz gut, oder?
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?
SVG und JavaScript + foreignObject?
bearbeitet von
Guten Morgen,
ich habe mir unser Wiki angeguckt.
Zu foreignObject fand ich dies: [HTML in SVG](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Text/mehrzeiliger_Text#HTML_in_SVG), was aber nicht prominent verlinkt ist.
Dieses Tutorial behandelt [**SVG und JavaScript**](https://wiki.selfhtml.org/wiki/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:
[](/images/8b2933b8-a6fe-11ef-ad25-9c6b00263d9f.jpg)
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?**
[^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.
2. **Hat jemand ein Anwendungsbeispiel, bei dem man externe SVGs mit JavaScript bearbeitet?**
@Jürgen B Da passt ja dein [Tutorial zu Leaflet](https://blog.selfhtml.org/2019/jan/13/einstieg-in-leaflet) ganz gut, oder?
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?