使用javascript在画布上移动图片

我有这个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);

---

如何删除现有图像以及如何使用新坐标显示唯一新图像。

如果不能“删除”绘制的图像，可以清除画布

ctx.clearRect（X，Y，W，H）

您可以在此处阅读有关画布的更多信息：
在绘制新图像之前调用此函数
ctx1.clearRect（0,0，layer1.width，layer1.height）也许考虑使用画布库