2011-12-15 4 views
1

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

Анимация идеально подходит, я удаляю динамические doms, которые сгенерированы с помощью JS и ставят их в HTML стр.

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

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

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

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

ответ

4

Существует хром ошибка в animateMotion тега, это было проблемой для возрастов ..

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

Существует не так много, что можно сделать, чтобы обойти это в хроме в то же время сохраняя SVG РОМ ..

Надеется, что это помогает ..

+0

отметить, что я нашел возможный другую ошибку хрома, ее элемент, как, что, если я создаю SVG (только ) на летать с JS, это не будет анимация ел, infact, там также выпускают как: если этот svg создается на лету с JS на готовом документе, это сработает !!! Я создал скрипку для нерабочих: http://jsfiddle.net/AFaae/1/, работаю: http://jsfiddle.net/tap0ri/mBXKA/1/ – Chetan

+0

У меня также были проблемы с динамическим добавлением svg при использовании фильтров ! попробуйте удалить фильтры из вашего css и inline (если у вас есть) и посмотреть, не имеет значения – RGB

+0

Я не использовал ни одного css на странице – Chetan

Смежные вопросы