【问题标题】:How to get the active image object attributes(id, src) drawn on canvas html5如何获取在画布html5上绘制的活动图像对象属性(id,src)
【发布时间】:2013-06-26 15:19:47
【问题描述】:

我正在制作一个在画布上绘制图像的工具,根据该工具,用户可以单击左侧边栏上显示的图像,然后在画布上绘制图像,我正在使用fabric js library 进行 darg、drop、re-大小,缩放图像。以便用户可以相应地修改图像。您可以在给定的图片中看到场景。

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

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

那么现在我怎样才能获得哪个图像处于活动状态?我的意思是我选择的图像的 ID 或来源是什么?这是否可以在画布上绘制后获取 id 或图像源,如果用户在画布上绘制了 3 张图像并且他选择了一张,那么我怎么知道用户选择了哪个图像?

【问题讨论】:

  • 你的代码应该加在这里,我们不应该在外面的某个地方寻找它。
  • @Omar 实际上,我应该在这里粘贴代码,但是代码太长了,所以您的任何帮助都会非常有帮助。
  • 更适合提及这一点并添加一个 pastebin/fiddle,而不是要求其他人到您的网页上查找它。
  • @PranshuJain - 这是一个例子:var activeObject; canvas.on('object:selected', function(e) { activeObject = e.target; });.

标签: javascript jquery html canvas fabricjs


【解决方案1】:

我已经解决了这个问题,我们可以通过 get("src") 来实现,例如 activeobject.get("src")

【讨论】:

    猜你喜欢
    • 2015-12-03
    • 1970-01-01
    • 1970-01-01
    • 2011-01-11
    • 2020-04-14
    • 1970-01-01
    • 2016-04-29
    • 1970-01-01
    • 2023-03-17
    相关资源
    最近更新 更多