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

Posted

技术标签:

【中文标题】如何在织物对象中添加属性【英文标题】: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)
)

【问题讨论】:

【参考方案1】:

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

你可以这样使用它:

canvas.toJSON(['editable']);

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

【讨论】:

以上是关于如何在织物对象中添加属性的主要内容,如果未能解决你的问题,请参考以下文章

如何在织物文本对象中应用自定义字体?

如何将图像添加到织物画布?

绘制对象后,有没有办法在织物 js 中向该对象添加文本

如何模糊织物 js 中的对象(不是图像)?

我们如何在 php 中使用织物 Js 对画布上的图像执行相同的操作(缩放和旋转)?

如何将可编辑的文本和图像添加到threejs