在HTML5画布上获取图像坐标？

我正在尝试在一个网站上建立一个功能，用户可以点击并拖动图像到HTML5画布上，他们可以点击按钮“保存”画布。它并不是真的要保存所有东西，我要得到每个图像的坐标并保存坐标。如何获取每个图像的坐标？

您需要将绘制的图像包装成某种对象，其中包含稍后需要提取的数据

您可以存储位置和尺寸，并使用它们来检查单击，当单击被确定后，您将传递对象的位置

这还意味着您需要在每次移动图像时更新此对象

简单对象可以是：

function canvasImage(x, y, img) {
    this.image = img;
    this.x = x;
    this.y = y;
    this.width = img.width;
    this.height = img.height;
    return this;
}

然后，当您加载图像时：

var canvasImage1 = new canvasImage(50, 70, img);

---

现在，您只需在移动此对象时更新它，并使用它读取尺寸和实际图像。

非常感谢您的回答！