在Fabric JS IText和Textbox之间轻松转换?

亚历克斯·克尔

有没有一种方法可以轻松地将Fabric JS IText转换为TextBox(1.6.0中的新增功能),反之亦然,而无需费力地读取和设置它们的每个属性,即在它们之间进行映射的一种快速方法?

谢谢。

安德里亚·博加齐(Andrea Bogazzi)

你可以轻松做到

var text = oldItext.text;
var textobj = oldItext.toObject();
delete textobj.text;
delete textobj.type;
var clonedtextobj = JSON.parse(JSON.stringify(textobj));

var textbox = new fabric.Textbox(text, clonedtextobj);

有关使用json的注意事项:

Fabricjs中的常规toObject方法不会处理深度克隆。因此您创建的新文本框将与旧的itext共享相同的样式对象。除非您从1创建2个副本,否则并不一定很糟糕。

如果您不使用样式,则更快的方法是:

var text = oldItext.text;
    var textobj = oldItext.toObject();
    delete textobj.type;
    var textbox = new fabric.Textbox(text, textobj);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular.js和Fabric.js:一旦代码移至Angular指令,Fabric画布就会改变行为

来自分类Dev

如何设置Fabric.js?

来自分类Dev

fabric.js获取IText对象的“编辑”状态

来自分类Dev

Fabric.js的几何形状

来自分类Dev

改善Fabric.js性能

来自分类Dev

iPad和iPhone中的Fabric.js画布闪烁

来自分类Dev

Fabric.js计数对象

来自分类Dev

Fabric.js-分组的iText不可编辑

来自分类Dev

防止Fabric.js中的单击和拖动多选

来自分类Dev

如何使Fabric.js IText字体不加粗?

来自分类Dev

图像数据fabric.js

来自分类Dev

Fabric JS父子对象

来自分类Dev

Fabric.js setHeight()和scaleToHeight()给出不同的高度值

来自分类Dev

如何激活Fabric js IText的光标?

来自分类Dev

如何使用Fabric JS中的英寸和毫米等单位

来自分类Dev

使用Fabric.js启用和禁用画布的鼠标事件

来自分类Dev

Fabric.js:add()和addWithUpdate()有什么区别?

来自分类Dev

如何在fabric.js中选择和拖动对象

来自分类Dev

Fabric.js drawImage替代

来自分类Dev

图像滤镜在Fabric.js中的克隆对象之间共享

来自分类Dev

Fabric.js文本转换不起作用

来自分类Dev

iPad和iPhone中的Fabric.js画布闪烁

来自分类Dev

图像滤镜在Fabric.js中的克隆对象之间共享

来自分类Dev

如何在Itext Fabric JS中删除默认文本

来自分类Dev

Fabric JS中的BringForward

来自分类Dev

Fabric JS 对象缩放

来自分类Dev

TextBox宽度动态调整fabric js

来自分类Dev

Fabric js 将 HTML 代码转换为 IText

来自分类Dev

画布旋转 - Fabric js