Javascript 如何在画布html5上绘制活动图像对象属性（id、src）

我正在制作一个在画布上绘制图像的工具，根据该工具，用户可以单击左侧边栏上显示的图像，然后在画布上绘制图像，我正在使用该工具对图像进行补色、删除、重新调整大小和缩放。这样用户可以相应地修改图像。您可以在给定的图片中看到场景。

从标记为1的区域单击图像，然后在标记为2的区域上绘制图像，结构如下所示： 父div（带tshirt图像背景） 然后，在这个div中有一个画布（您可以在黑色虚线边框中看到它）

现在的问题是，我想获得画布上活动图像的id或src，当画布上的任何对象处于活动状态时，我可以触发一个事件，因此我只想知道如何获得我选择的对象的id，（表示活动对象），请参见下图：

---

那么现在我如何才能得到哪个图像是活动的呢？我的意思是我选择的图像的id或来源是什么？如果用户在画布上绘制了3幅图像并选择了一幅，那么我如何知道用户选择了哪幅图像？

我已经解决了这个问题，我们可以通过get（“src”）像activeobject.get（“src”）这样的方式来实现

您的代码应该添加到这里，我们不应该在某处查找。@Omar实际上，我应该将代码粘贴到这里，但是代码太长了，所以您方面的任何帮助都会非常有用。您看过文档了吗？更合适的做法是提及这一点并添加一个pastebin/fiddle，而不是让其他人到您的网页上查找它。@PranshuJain-这里有一个例子：

var-activeObject；on（'object:selected'，function（e）{activeObject=e.target；}）。