javascript - 向 fabricjs 对象添加自定义属性

Question

我正在尝试向我拥有的结构 js 对象添加自定义属性:

var trimLine = new fabric.Rect({
    width: Math.round(obj.box_dimensions.box.width,2),
    height: Math.round(obj.box_dimensions.box.height,2),
    strokeWidth: 1,
    stroke: 'rgb(255,2,2)',
    fill: '',
    selectable: false
});

这就是我试图添加的矩形，我想在其中传递一个名称或 ID，以便稍后在我获取 Canvas 对象并将其转换为 json 时能够识别它。

我试过

var trimLine = new fabric.Rect({
    width: Math.round(obj.box_dimensions.box.width,2),
    height: Math.round(obj.box_dimensions.box.height,2),
    strokeWidth: 1,
    stroke: 'rgb(255,2,2)',
    fill: '',
    selectable: false,
    name: trimLine
});

canvas.add(trimLine);
canvas.renderAll();

没用，我也试过

 trimline.name = 'trimLine'

Answer 1

name:trimLine 应该是 name:"trimLine" 除非你之前声明了一个 var trimLine='myTrimLineName'。

FabricJS 有许多附加属性，包括 name 属性。

为避免覆盖这些原生属性，请添加一个子属性以表明这些是您自己的自定义属性:

// example: using .my to hold your own custom properties
trimLine.my.name='trimLine';
trimLine.my.id='myOwnID15';
trimLine.my.sayName=function(){alert(this.my.name);}