Fabric JS以编程方式按ID选择对象答案

【问题标题】：Fabric JS Select Object by ID ProgrammaticallyFabric JS以编程方式按ID选择对象
【发布时间】：2017-03-04 15:32:33
【问题描述】：

在 Fabric JS 中，我需要通过给定的对象名称/ID“Circle”来选择对象

var onCircle = function () {
    canvas.add(new fabric.Circle({ id: 'Circle', radius: 30, fill: '#f55', top: 150, left: 150 }));
}

我也知道对象可以通过 ItemID 进行选择：

var SelectObject = function (ObjectName) 
{
    canvas.setActiveObject(canvas.item(0));
}

我需要类似的东西：

var SelectObject = function (ObjectName) 
{
    canvas.setActiveObject('my object name');
}

【问题讨论】：

标签： javascript canvas fabricjs

【解决方案1】：

您只需要编写一个函数来循环遍历每个对象并在找到它时将其设置为活动状态。下面我检查 id 但您可以更改它以检查您要设置的对象的任何属性。

var SelectObject = function (ObjectName) {
    canvas.getObjects().forEach(function(o) {
        if(o.id === ObjectName) {
            canvas.setActiveObject(o);
        }
    })
}

【讨论】：