Работают ли пользовательские элементы/веб-компоненты с SVG? ⇐ Jquery

[Anonymous]

Для CustomElements я могу сделать это:

Код: Выделить всё

class MyElement extends HTMLElement {}

Могу ли я сделать то же самое для элементов SVG? нравится

Код: Выделить всё

class MyOwnRectangle extends SVGRectElement {}

Если это работает, могу ли я побеспокоить кого-нибудь о jsbin?

Если нет, то почему?

Это имеет несколько очень хороших вариантов использования, например возможность хранить данные модели в самом элементе. Манипулирование SVG в основном используется в двух основных областях:

• Анимация
• Диаграммы, такие как ER, организационные диаграммы, потоки процессов и т. д.

Библиотека, подобная JointJS, имеет свои собственные абстракции в виде классов (которые расширяют представление Backbone) для хранения связанных данных модели с представлением (диаграммы SVG на экране).

Подобно тому, как веб-компоненты могут в конечном итоге заменить плагины jQuery, компоненты Framework X стандартным способом, почему бы не сделать то же самое для SVG?

Наконец,

Как Polymer 0.5 может это сделать?

Поддерживает ли Polymer.js внутренние элементы SVG?

Как этот патч может сделать это в Polymer 1.0?

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

Какова альтернатива сейчас?

Думаю, мы можем расширить HTMLElement. В нашем ShadowDOM используйте элемент , а затем прикрепите все теги SVG, которые мы действительно хотим расширить, например ,
и т. д.! Возможно, есть более чистый выход из этой ситуации?

Будет ли это реализовано в будущем?

Подробнее здесь: https://stackoverflow.com/questions/404 ... k-with-svg