Funktionieren benutzerdefinierte Elemente/Webkomponenten mit SVG? ⇐ Jquery

[Anonymous]

Für CustomElements kann ich Folgendes tun:

Code: Select all

class MyElement extends HTMLElement {}

Kann ich dasselbe für SVG-Elemente tun? like

Code: Select all

class MyOwnRectangle extends SVGRectElement {}

Wenn es funktioniert, kann ich dann jemanden um einen JSbin bitten?

Wenn nicht, warum nicht?

Dies hat einige sehr gute Anwendungsfälle, wie zum Beispiel die Möglichkeit, Modell-Daten im Element selbst zu speichern. SVG-Manipulation wird im Wesentlichen in zwei Hauptbereichen verwendet:

• Animationen
• Diagramme wie ER, Organigramme, Prozessabläufe usw.

Eine Bibliothek wie JointJS verfügt über eigene Abstraktionen in Form von Klassen (die eine Backbone-Ansicht erweitern), um damit verknüpfte Modell-Daten zu speichern Ansicht (SVG-Diagramme auf dem Bildschirm).

So wie WebComponents schließlich jQuery-Plugins ersetzen können, können die Komponenten von Framework />Unterstützt Polymer.js innere SVG-Elemente?

Wie kann dieser Patch dies in Polymer 1.0 tun?

https://github.com/Polymer/polymer/pull/3372

Was ist vorerst die Alternative?

Ich denke, wir können erweitern HTMLElement. Verwenden Sie in unserem ShadowDOM ein -Element und hängen Sie dann alle SVG-Tags an, die wir tatsächlich erweitern möchten, wie ,
usw.! Vielleicht ein viel saubererer Ausweg?

Wird dies in Zukunft umgesetzt?