【发布时间】:2013-06-26 15:19:47
【问题描述】:
我正在制作一个在画布上绘制图像的工具,根据该工具,用户可以单击左侧边栏上显示的图像,然后在画布上绘制图像,我正在使用fabric js library 进行 darg、drop、re-大小,缩放图像。以便用户可以相应地修改图像。您可以在给定的图片中看到场景。
从标记为 1 的区域单击图像,然后在标记为 2 的区域绘制图像,结构类似于: 父 div(带有 T 恤图像背景) 然后是这个 div 内的画布,(你可以在黑色虚线边框中看到它,)
现在的问题是我想获取画布上活动图像的 id 或 src,当任何对象在画布上处于活动状态时,我可以触发一个事件画布,所以我只想知道如何获取我选择的对象的 id,(表示活动对象,)请参见下面给出的图片:
那么现在我怎样才能获得哪个图像处于活动状态?我的意思是我选择的图像的 ID 或来源是什么?这是否可以在画布上绘制后获取 id 或图像源,如果用户在画布上绘制了 3 张图像并且他选择了一张,那么我怎么知道用户选择了哪个图像?
【问题讨论】:
-
你的代码应该加在这里,我们不应该在外面的某个地方寻找它。
-
@Omar 实际上,我应该在这里粘贴代码,但是代码太长了,所以您的任何帮助都会非常有帮助。
-
更适合提及这一点并添加一个 pastebin/fiddle,而不是要求其他人到您的网页上查找它。
-
@PranshuJain - 这是一个例子:
var activeObject; canvas.on('object:selected', function(e) { activeObject = e.target; });.
标签: javascript jquery html canvas fabricjs