Анимировать данные пути SVG

Question

Я пытаюсь анимировать атрибут данных пути SVG с помощью jQuery.

На данный момент я создал SVG и сохранил два пути с помощью кнопки, которая добавляет элемент анимации.

У меня есть успех, когда я изменяю атрибут напрямую (показан первым svg), хотя анимированный ничего не меняет на втором svg.

$('.svg2 svg path').append('<animate attributeName="stroke-dasharray" from="'+OrigPath+'" to="'+NewPath+' dur="4" repeatCount="1">'); 

Любая помощь будет замечательной. Вот скрипка: http://jsfiddle.net/vB8tu/1/

Answer 1

Использование jQuery для добавления элементов не работает. Это связано с тем, что jQuery использует пространство имен HTML для новых элементов, а не SVG.

Вам нужно будет использовать что-то вроде jQuerySVG для создания и добавления новых элементов.