javascript - JavaScriptを使ってキャンバス上で絵を動かす

Question

私はこのJS部分を持っています:

var layer1 = document.getElementById('layer1');
ctx1 = layer1.getContext('2d');

if (cellId == 'layer1x') {
    x1 = cellValue;
}

if (cellId == 'layer1y') {
    y1 = cellValue;
}

if (cellId == 'layer1z') {}

var item1 = new Image();
item1.src = "images/sheep.png";
item1.addEventListener("load", function () {
    ctx1.drawImage(item1, x1, y1)
}, false);

既存の画像を削除する方法と、新しい座標で新しい画像のみを表示する方法。

Answer 1

ペイントされたイメージを「削除」することはできません。キャンバスをクリアできます。

ctx.clearRect(X,Y,W,H);

キャンバスについて詳しくは、 https ://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial をご覧ください。