如何在织物对象中添加属性答案

【问题标题】：How to add attribute in fabric objects如何在织物对象中添加属性
【发布时间】：2021-02-16 18:02:24
【问题描述】：

我将向织物中的图像对象添加可编辑属性，但我尝试console.log(canvas.toJSON()) 然后它没有在对象中显示可编辑属性。

在我的代码中

const image = 'https//www.test.com/test.png'
fabric.Image.fromURL(image, function (patternImage) {
      patternImage.set({
        selectable: true,
        editable: true,
      })
      patternImage.scaleToHeight(120)
      patternImage.scaleToWidth(120)
      canvas.add(patternImage)
})

【问题讨论】：

标签： vue.js canvas nuxt.js fabricjs

【解决方案1】：

FabricJS 允许您将一组附加属性传递给 toJSON() 方法以将它们包含在序列化中。

你可以这样使用它：

canvas.toJSON(['editable']);

见http://fabricjs.com/docs/fabric.Canvas.html#toJSON

【讨论】：