Элементы SVG не будут анимироваться при динамическом добавлении

Я пытаюсь добиться анимации элемента SVG, добавляя динамические DOM для анимации с помощью jQuery. Я генерирую DOM с помощью JS, поэтому на HTML-странице нет элементов для этой анимации. Когда я добавляю его динамически, анимация не запускается в Chrome (16), однако она работает с FF (8).

Анимация была бы идеальной, если бы я удалил динамические дома, созданные с помощью JS, и поместил их статично на HTML-страницу.

Я создал для него скрипт по адресу: http://jsfiddle.net/cjP6K/7/.

где я поместил один статический svg dom на HTML-страницу, затем я клонировал этот элемент с помощью jQuery для готового документа. В этой сцене тот, который был добавлен позже с помощью JS, вообще не будет анимироваться !! (это работает с FF)

Пожалуйста помоги...

Спасибо, Четан.


svg html html5-animation
person Chetan    schedule 15.12.2011    source источник

Ответы (1)


arrow_upward
4
arrow_downward

В теге animateMotion есть ошибка Chrome, это проблема уже давно.

см. отчет об ошибке здесь http://code.google.com/p/chromium/issues/detail?id=13585

Мало что можно сделать, чтобы обойти это в хроме, сохраняя при этом svg dom..

Надеюсь это поможет..

person raddrick    schedule 17.12.2011
comment
отметить, что я обнаружил возможную другую ошибку хрома, например, если я создаю элемент SVG (только ‹svg›) на лету с помощью JS, он не будет анимироваться, на самом деле, также возникает проблема, например, если этот svg создан на лету с JS на готовом документе, это сработает !!! Я создал скрипт для неработающих: jsfiddle.net/AFaae/1, рабочий: jsfiddle.net/tap0ri/mBXKA/1 - person Chetan; 18.12.2011
comment
У меня также были проблемы с динамическим добавлением svg при использовании фильтров! попробуйте удалить фильтры из вашего css и встроенного (если они у вас есть) и посмотрите, имеет ли это значение - person raddrick; 19.12.2011
comment
Я не использовал CSS на странице - person Chetan; 19.12.2011