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