HTML 5畫布 - 實現每個按鈕的平滑滾動

Question

我一直google'ing一段時間，但我找不到一個很好的解決方案，我的問題。

我有一個包含幾個圖像的畫布。通過「左」和「右」按鈕，我想平滑地滾動這些圖像。我想必須有一種方法來設置畫布的焦點。我試過translate這工作正常，但我不想「跳」到下一節，我想要一個平滑的滾動...

任何想法？

Answer 1

好吧，最後我找到了一個方法...雖然很基本。

function animate() { 

draw(); 

if(globalVar<300){ 
    globalVar++; 
    setTimeout("animate();", 100); 
} } 

Answer 2

對於在畫布上流暢的動畫，你需要使用​​方法（http://paulirish.com/2011/requestanimationframe-for-smart-animating/）

Answer 3

我認爲這是Greensock JS tweening library工作。它可以補間任何可以暴露任何對象的屬性。

該文檔非常好，並且有很多資源可以幫助您入門。您也可以提出有關您在論壇上嘗試做什麼的問題。

多年來我一直使用TweenMax作爲flash開發者，現在我開始在JS開發中使用它。

根據@ devnull69的答案，它也利用​​。