удалить часть движущегося изображения

Question

Есть ли способ очистить холст (html5) только от 1 элемента? У меня есть движущееся изображение на холсте, и когда я стираю изображение, цвет фона идет тоже. Есть ли способ просто удалить изображение, а не весь фон. Мой фон просто прост, но в будущем это будет сложнее.

Это также сложно, потому что нет способа получить изображение x, y pos из свойства.

ClassLoadImages.prototype.m_move = function(){ 
    this.x=++img1_x; 
    this.y=++img1_y; 
    //img1_x++; 
    //img1_y++; 
    // alert(img.x); 
     ctx.drawImage(img.imgElement, this.x, this.y); 
    // ctx.fillText("finished loading " ,10,40); 
    }; 


function doGameLoop() { 

    ctx.clearRect(0,0,600,400); 
    img.m_move(); 
    if (img.x>30) 
    { 
      clearInterval(gameLoop); 

    } 
} 




    var img= new ClassLoadImages('images/image4.jpg'); 
gameLoop = setInterval(doGameLoop, 100); 
</script> 

Answer 1

Простой ответ нет. Холст представляет собой плоское растровое изображение, а не слоистую коллекцию объектов. Как только вы рисуете, вы теряете фон за то, что вы рисуете.

Вы можете попытаться реализовать эту функцию самостоятельно, записав шаги, которые вы использовали для создания холста, и заново создайте его с соответствующим изображением или без него.