2010-12-14 2 views
0

경로 p를 따라 움직이기 원하는 타원 e가 있다고 가정 해 봅니다.RaphaelJS - 움직이는 동안 경로의 한 점 찾기

타원을 애니메이션하기 시작했지만 애니메이션을 중단하기로 결정했다면 현재 시점에서 애니메이션을 다시 시작할 수있는 방법이 있습니까? 나는 애니메이션을 멈춘 후에 경로를 따라 타원의 현재 포인트를 결정하는 방법을 찾을 수 없었습니다. 여기

는 내 애니메이션 코드 (모든 표준) :

e.attr({ rx: 15, ry: 5 }).animateAlong(p, 15000, true, function() { 
        e.attr({ rx: 10, ry: 10 }); 
        clicked = false; 
       }); 

답변

1

어떻게 onAnimate를 사용하여 외부의 마지막 지점을 정의에 대해?

var lastX = 15, lastY = 5; 
e.onAnimation(function() { 
    lastX = e.attr('rx'); 
    lastY = e.attr('ry'); 
}); 

e.attr({ rx: lastX, ry: lastY }).animateAlong(p, 15000, true, function() { 
    e.attr({ rx: 10, ry: 10 }); 
    clicked = false; 
}); 

당신은 함수 또는 무엇이든, 당신이 (가 중단되기 전에) 15, 5에서하지만 애니메이션의 마지막 지점에 있지 시작됩니다 타원 내부에이 코드를 여러 번 실행 그래서 경우.

이것은 무엇을 의미합니까?