html5動畫畫布已繪製元素

Question

我可以在畫布上使用動畫元素獲得一些幫助嗎？我想獲取已經在畫布上繪製的元素，並將它們從畫布上「移出」並顯示新元素。我的功能是在JavaScript中，並很好地工作。我只想添加動畫。 TIA。

Answer 1

只是有一個事件處理程序控制該畫布的id的樣式的left，然後指定一個循環以使其更改或根據時間向左/右移動。

(function() { 
var speed = 10, 
movePic = function(moveBy) { 
    var el = document.getElementById("animationStyle"), 
     left = el.offsetLeft 


    if ((moveBy > 0 && left > 399) || (moveBy < 0 && left < 51)) { 
     clearTimeout(timer); 
     timer = setInterval(function() { 
      movePic(moveBy * -1); 
     }, speed); 
    } 
    el.style.left = left + moveBy + "px"; 
}; 
var timer = setInterval(function() { 
movePic(3) 
}, speed); 
}()); 

這會來回移動它，這是一個應該幫助您開始的示例。