2014-04-16 4 views
3

특정 요소를 클릭 할 때 SVG 내의 모든 사각형 요소에서 모든 애니메이션을 중지하는 방법을 찾고 싶습니다. 받는 함수에 전달Snap.SVG 모든 애니메이션을 멈추는 방법

svg.select("rect").stop(); 

하지만 난 그

+0

아마 당신은 그룹의 모든 사각형'g'를 배치하고 작동 할 수 그룹에'정지()'를 사용합니다. – helderdarocha

+1

[스냅 SVG 참조] (http://snapsvg.io/docs/#Element.stop)를 선택하기 만하면됩니다. 'stop()'메서드는 * 현재 * 요소에 대한 모든 애니메이션을 중지합니다. 확실하지 않은 경우 * 중첩 된 * 요소에 대한 제안 (당신이 시도 할 수있는) 제안했다. 더 좋은 해결책은'stopAll()'함수를 작성하여 모든 직사각형에'stop()'을 호출하는 것입니다. – helderdarocha

답변

5

forEach를 실행 한 후 특정 유형의 모든 요소를 ​​선택하고 동작하지 않습니다 : 나는 이런 식으로 뭔가를 사용하려고 해요 각 개별 요소.

svg.selectAll("rect").forEach(function(elem){elem.stop();}); 
관련 문제