画布 - 移动图像问题

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。