2011-02-12 4 views
2

javascript 및 html5 캔버스에서 그래프에 애니메이션을 적용하려고합니다.그래프를 애니메이션으로 만들려고합니다.

fiddle을 볼 시간이 있다면 다시 계산 기능과 관련하여 내가 뭘 잘못하고 있는지 말할 수 있습니다.

나는 무엇이 일어나고 있는지 정확히 알지 못합니다. 그래서 나는 당신과 함께 나누기 위해 위대한 노력을했습니다. 그러나 draw 함수 (주로 그래프의 눈금을 그릴 책임이 있음)는 그 자체로 잘 작동하지만, 반복적으로 draw를 호출하자마자 그래프가 전혀 나타나지 않는다고 말할 수 있습니다.

+0

좀 더 구체적으로 기재 할 수 있습니까? 재 계산 기능의 문제점은 무엇입니까? –

+0

제안 해 주셔서 감사합니다. 이게 더 명확 해지기를 바랍니다. – lowerkey

답변

0

잘, 나는 당신이했다 ... 당신이 볼 것으로 예상 정확히 모르겠지만, :

markIntervals(hour, 10); 
markIntervals(day, 20); 

..하지만 "markIntervals"에 대한 기능 없음. 당신은 "markInterval"을 의미했습니다. 해당 오타를 수정하면 setInterval을 주석 처리하지 않은 상태에서도 틱 마크가 표시됩니다. 애니메이션이 나오는 부분이 보이지 않지만 도움이 되었기를 바랍니다.

+0

슬라이더를 움직이면 애니메이션이 재생됩니다. 눈금 표시는 슬라이더를 움직이는 방향에 따라 더 가깝게 또는 더 멀리 이동해야합니다. – lowerkey

+0

내가하는 말을 봅니다. 몇 가지 : – JT703

+0

미안하지만 "5 분"창에 입력 한 내용을 입력 할 수 없어서 (... 매우 어리 석다). ... 당신이 말하는 것을 봅니다. 몇 가지 : 1) 무언가가 바뀌면 다시 그리기 만하면됩니다 (예 : 다시 함수로 넣기). 2) for 루프 조건에서 markInterval() 함수에 버그가 있습니다. 슬라이더가 변경된 후에는 절대 들어 가지 않습니다. 3) setInterval ('draw()', 60) 행은 setInterval (function() {draw();}, 60)이어야합니다. – JT703

관련 문제