JavaScript 및 Canvas를 사용하여 "움직이는"선을 그려보고 싶습니다. 기본적으로 그리기를 원하는 베 지어 곡선이 있지만, 한 번에 곡선을 그리는 대신 시간이 지남에 따라 커브 조각을 그리면 커지는 것처럼 보입니다. 더 나은 설명은 다음과 같을 수 있습니다. 선이 원점으로 시작하고 시간이 지남에 따라 목표 지점으로 이동하기를 원합니다. 이것을 달성하는 가장 좋은 방법은 무엇입니까?움직이는 선/곡선을 그리는 가장 좋은 방법은 무엇입니까?
나는 같은 일을 할 수있는 방법을 찾고 있었다, 그리고 jQuery Tween and jQuery Curve 플러그인을 설명하고 여기에 시연 발견 : http://heygrady.com/blog/2011/07/20/animating-with-curves-in-jquery/
setTimeout 또는 setInterval을 사용하십시오. 애니메이션 기능을 사용할 수도 있습니다
요소를 베 지어 곡선을 따라 배치 할 수있는 jCurvy이라는 jQuery 플러그인을 만들었습니다. jCurvy를 fadeIn 메소드와 콜백 (callback)과 함께 사용하면 자신이 말하는 것을 할 수 있습니다. 여기에 예를 들어 I 설정에서보세요 :
가이 길을가는 결국 않으면 당신이 어떤 문제로 실행 알려 주시기 바랍니다. 나는 당신이 플러그인을 사용하는 첫 번째 사람들 중 하나가 될 것이라고 확신합니다. 그래서 나는 약간의 피드백을 좋아할 것입니다.
'에서는 setTimeout()'의 또는'에서는 setInterval()'의 시리즈? 지금까지 무엇을 얻었습니까? (처음부터 코드를 변경하는 것보다 기존 코드의 변경을 제안하는 것이 더 쉽습니다.) – nnnnnn
상황에 따라 어색한 불투명 한 블록 요소 뒤에 커브를 그리고 커버 요소를 슬라이드 또는 블라인드 애니메이트하는 것이 해결책 일 수 있습니다 커브를 드러내 기. 나는 그런 해결책으로 끝내기를 원할 지 모르겠다. 그러나 그것은 선택 사항이다. –