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

Fabric JS Select Object by ID Programmatically(Fabric JS以编程方式按ID选择对象)

本文介绍了Fabric JS以编程方式按ID选择对象的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在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');
}

推荐答案

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

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

这篇关于Fabric JS以编程方式按ID选择对象的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Fabric JS以编程方式按ID选择对象

基础教程推荐