2011-12-15 3 views
1

SVG 요소의 애니메이션을 달성하는 동안 jQuery를 사용하여 애니메이션에 동적 DOM을 추가하려고합니다. JS로 DOM을 생성하므로 HTML 페이지에이 애니메이션의 요소가 없습니다. 동적으로 추가하면 애니메이션이 Chrome (16)에서는 시작되지 않지만 FF (8)로 작동합니다.SVG 요소가 동적으로 추가 될 때 애니메이트되지 않습니다.

애니메이션은 JS로 생성 된 동적 돔을 제거하고 정적 페이지. 이 장면에서 나는 HTML 페이지에 정적 인 SVG의 DOM을 넣어 가지고 http://jsfiddle.net/cjP6K/7/

, 그때 내가 문서에 jQuery를 함께 준비하는 요소를 복제 한 이었다 사람 : 나는 그것을 위해 바이올린을 만든

(이 FF와 함께 작동)

이 도와주세요 ... 모든!에서 애니메이션되지 않습니다 나중에 JS와 추가

감사합니다, Chetan에.

답변

4

animateMotion 태그 크롬 버그가있다, 그것은

여기에 버그 리포트 http://code.google.com/p/chromium/issues/detail?id=13585

를 참조하십시오 .. 연령대에 문제가있다 해결하기 위해 수행 할 수있는 정도가 아니다 이 크롬에 여전히 SVG의 DOM을 유지하면서 ..이 도움이

희망은 ..

+0

점에 유의하기 위해, 나는 크롬의 또 다른 버그가 그 같은, 내가 SVG를 작성하는 경우 (단 ) 요소를 가능한 발견 JS와 함께 비행, 그것은 anim하지 않을 먹어, infact, 거기에 또한 같은 문제, 만약 그 svg 비행 준비에 JS와 함께 준비가 문서화, 그것은 작동합니다! http://jsfiddle.net/AFaae/1/, working : http://jsfiddle.net/tap0ri/mBXKA/1/ – Chetan

+0

필자는 필터를 사용할 때 svg를 동적으로 추가하는 문제가있었습니다. ! 귀하의 CSS와 인라인 (있는 경우)에서 필터를 제거하고 그 차이가 있는지 확인해보십시오 – RGB

+0

페이지에서 어떤 CSS도 사용하지 않았습니다. – Chetan

관련 문제