如何获取在画布html5上绘制的活动图像对象属性(id,src)

时间:2013-06-08 09:54:05

标签: javascript jquery html5 canvas fabricjs

我正在制作一个在画布上绘制图像的工具,根据哪个用户可以点击左侧边栏上显示的图像,然后在画布上绘制图像,我使用fabric js library进行darg,drop,重新调整大小,缩放图像。这样用户就可以相应地修改图像。您可以在给定的图片中看到该场景 enter image description here

从标记为1的区域中单击图像,然后在标记为2的区域上绘制图像,结构类似于: 父div(带t恤图像背景) 那么这个div内的画布(你可以在黑色虚线边框中看到它)

现在的问题是我希望在画布上获得活动图像的 id src ,我可以在任何对象处于活动状态时触发事件canvas,所以我想知道的是如何获取我选择的对象的id,(表示活动对象),请参阅下面给出的图片:

enter image description here

那么现在我怎么能得到哪个图像是活跃的?我的意思是我选择的图像的id或来源是什么?如果用户在画布上绘制了3个图像并且他选择了一个图像,那么这可以在画布上绘制它之后获取id或图像源吗?那么我怎么知道用户选择了哪个图像?

1 个答案:

答案 0 :(得分:1)

我已经解决了这个问题,我们可以通过 get(“src”)来实现这一点, activeobject.get(“src”)