Холст - переместить изображение-проблема

Question

У меня проблема с моим скриптом, который использует canvas.

Я хочу переместить свое изображение, но с помощью drawImage изображение перемещается, но в результате получается что-то вроде этого:

Итак, мой код

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

}

и я думаю, что единственный способ - использовать SVG (сохраненный режим). Это правильно?

Любой учебник? или пример? - «Как движется изображение с SVG» Как я могу решить это?

Спасибо

Answer 1

Вам нужно стереть весь или часть вашего холста и перерисовать.Да, использовать SVG или HTML + CSS проще, но не обязательно.

Вот пример перемещения спрайтов по фону с возможностью удаления или перерисовки всей или части BG: http://phrogz.net/tmp/image_move_sprites_canvas.html

Обратите внимание, что простое использование CSS * быстрее, чем canvas .

Answer 2

Этот код решает мою проблему

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

Хороший пример здесь: http://brighthub.com/internet/web-development/articles/38744.aspx?p=3