在 fabric.js 如何获取活动对象上的项目(计数)

Posted

技术标签:

【中文标题】在 fabric.js 如何获取活动对象上的项目(计数)【英文标题】:on fabric.js how to get the item(count) on active object 【发布时间】:2021-01-16 03:02:43 【问题描述】:

如何在fabric.js 中获取活动对象的canvas.item(#) 或src。 我有以下。但是对于任何对象,get_id() 函数每次都会返回“Layer_1”

 function load() 
        fabric.Object.prototype.transparentCorners = false;
        fabric.loadSVGFromURL('images/test.svg', function (objects, options) 
            var shape = fabric.util.groupSVGElements(objects, options);
            canvas.add(shape.scale(1));
            shape.set( left: 200, top: 100, ZIndex: 10 ).setCoords();
            canvas.renderAll();
        ) ; 


  function get_id() 
        var obj = canvas.getActiveObject();
        var newCanvasId = obj.id;
        alert(newCanvasId)

我想获得唯一的 id 或 item(#) 图像名称或 src 或 .... 来识别此活动对象。有什么帮助吗?

【问题讨论】:

您的 SVG 是如何生成的?您知道加载图像时希望每个图像具有的唯一 ID 吗?如果是这样,您可以在加载图像时在 shape.set 下添加 ID。 嗨,阿曼达,你是对的。在为每个对象的 set 下添加 id 后,我现在可以获得单个项目。谢谢 【参考方案1】:

感谢set下的对象添加id后,我可以通过id获取每个对象。

谢谢

【讨论】:

以上是关于在 fabric.js 如何获取活动对象上的项目(计数)的主要内容,如果未能解决你的问题,请参考以下文章

Fabric.js:无法再获取活动组

如何检测fabric js动画对象上的鼠标按下事件

在 html5 中的 fabric.js 画布上一次删除多个对象

如何在fabric js中使用image.centerObject()使对象居中后获取图像坐标

node.js loadFromDatalessJSON 上的 fabric.js 在组中移动对象

使用 Fabric.js 选择画布上的所有对象