Правильный способ вставки SVG-строки в * X * HTML с анимацией, скриптами и т. Д. - PullRequest
1 голос
/ 16 февраля 2011

Я борюсь с пространствами имен в моем приложении * X * HTML. Я должен загрузить SVG с помощью AJAX, и теперь мне нужно создать DOM для них и вставить их в XHTML с пространством имен.

Различные способы дают разные результаты. По сути, я могу использовать что угодно, даже jQuery $(svgXmlString), но проблема в том, что обычно <script> внутри SVG не запускаются автоматически при добавлении в XHTML DOM с jQuery. Мне удалось сделать эту работу, но у меня все та же проблема с SVG <animateTransform>. Эти анимации без сценария просто не запускаются.

Итак, как правильно манипулировать и создавать узлы DOM в двух пространствах имен? DOMParser? Это часть стандарта? Мне нужно, чтобы это работало на iOS WebKit (там есть DOMParser).

1 Ответ

3 голосов
/ 17 февраля 2011

Если вы используете XmlHttpRequest, вы можете просто принять / importNode и затем вставить документ responseXML в (X) HTML-документ.

См., Например, http://www.carto.net/papers/svg/network_requests/index.shtml.

...