지속적으로

I는 다음과 같이 지속적으로 화면을 가로 질러 이동하는 SVG 개체를 애니메이션하려고 : 나는 수 없었다 그러나이 일을지속적으로

. 내 생각 엔 SVG가 CSS .animate와 작동하지 않기 때문입니다.

그래서 나는 velocity.js를 대신 사용하려고했습니다.

나는 다시 위치로 관리 한 사용하여 내 SVG :

$.Velocity.hook($("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d")[0], "translateX", "-300px")을; 사용하여 번역

그리고 : 그러나, 그것은 지속적으로 실행되지 않습니다

setTimeout(test(), 9000)

$("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d").velocity({ 
    translateX: 4000, 
    }, 9000);

지속적으로 그것을 만들려면,이를 사용했다.

도움이 될 것입니다. 고맙습니다.

2016-07-27 A. Tan

이 대신보십시오 :

$("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d").velocity({ 
    translateX: [4000, -600], 
},{ 
    duration: 9000, 
    easing: "lnear", 
delay: 0 
});

내가 SVG의

2016-07-27 04:15:31

감사 작동 남자와 루프에 대한 콜백을 사용하지 않는 것이 좋습니다! 좋아, SVG 루핑을위한 다른 방법을 모색 할 것이다. 그냥 궁금해서 왜 그렇게 추천하지 않니? 성능 문제와 관련이 있습니까? –

답변