畫布 - 移動圖像問題

Question

我有我的腳本使用畫布的問題。

我想將我的形象，但用的drawImage圖像移動，但結果是類似的東西：

所以，我的代碼是

function desenhaBonecoDir(){ 
    var ctxt = document.getElementById('camadaBoneco').getContext("2d"); 
    bonecoX = bonecoX -10; 
    ctxt.drawImage(bonecoLeft, bonecoX, bonecoY); 

} 

，我認爲，唯一的方法是使用SVG（保留模式）。它是正確的？

任何教程？或例子？ - 「如何用SVG移動圖像」 我該如何解決這個問題？

謝謝

Answer 1

此代碼解決我的問題

context2D.clearRect(0, 0, canvas.width, canvas.height); 

很好的例子：http://brighthub.com/internet/web-development/articles/38744.aspx?p=3

Answer 2

您需要清除全部或部分畫布並重繪。是的，使用SVG或HTML + CSS更容易，但不是必需的。

這裏的移動精靈在背景，與選項可擦除和重繪BG的全部或部分的一個例子：http://phrogz.net/tmp/image_move_sprites_canvas.html

注意，只是用CSS是faster than canvas。