raphaeljs 첫 애니메이션이 끝난 곳에서 애니메이션 계속

Question

첫 번째 애니메이션이 새 위치 "x"로 이동 한 후 두 번째 애니메이션이 2 초 지연된 후 시작하지만 두 번째 애니메이션이 대신 원래 위치에서 시작하는 사각형이 있습니다. 첫 번째 애니메이션이 끝난 위치를 시작합니다. 첫 번째 애니메이션이 종료 된 모양의 위치를 ​​설정하고 바로 그 지점에서 두 번째 애니메이션을 다시 시작하는 코드가 있습니까?

JS Fiddle

window.onload = function(){ 
    var paper = Raphael(0,0,600,400) 

    var a = paper.path("M220,100 v20h-100v-20z"); 

    var anim = Raphael.animation({transform:'t160,10s2'}, 1000, "elastic"); 
    a.animate(anim.delay(1000)); 

    var anim2 = Raphael.animation({transform:'t10,190s2'}, 1000, "bounce"); 
    a.animate(anim2.delay(3000)); 
}​ 

Answer 1

사용 콜백 함수 ...

호출 콜백 제 애니메이션 함수 내의 두번째 애니메이션 .... Updated Fiddle