2014-04-01 3 views
1

animateMotion을 사용하여 움직이기 위해 원을 움직이는 .svg 파일이 있습니다. 문제는 내 페이지 하단에 jquery로 파일을로드한다는 것입니다. 사용자가 아래로 스크롤하면 애니메이션이 이미 재생 된 것입니다. div가 뷰포트에있을 때 함수를 실행하는 웨이 포인트 jquery 플러그인을 사용하고 있습니다. 나는 이것을 사용하여 .svg 내에서 animateMotion을 트리거하고 싶습니다.jquery/javascript로 svg 애니메이션을 실행

생각과 아이디어를 높이 평가합니다.


답변

0

무엇가 올 때 당신은 단순히 파일을 다시로드하면? animateMotion은 파일의 초기로드라고 가정하므로 자동으로 animateMotion을 실행합니다.

+0

나는 그것을 시도했다. 느린 인터넷 연결 문제가 발생합니다. 그런 경우 SVG의 일부가 실행되지 않는 경우가 있습니다. . ("#의 greystage") 부하 ('SVG/greyslide.svg', 기능 (응답) { $ (이) .addClass ("svgLoaded") $ : 그래서, 웨이 포인트의 함수 내에서,이 추가 if (! response) { } }); – user3485700

관련 문제