setText() 在 fabricjs 版本 2 中不起作用

Question

我正在尝试将文本显式设置为文本框，在较旧的 fabricjs 版本中object.setText("something")

在 fabric js 版本 2 中工作但不工作。此版本中引入了其他方法吗？

var canvas = new fabric.Canvas('c');
var text1 = new fabric.Textbox('Text', {
  left: 10,
  top: 20,
   width: 300
})

canvas.add(text1);
canvas.on('text:changed', function(e) {

 var objTEmp = e.target;
 objTEmp.setText("some");

    
});

canvas{
 border:1px solid #000;
}

<script type="text/javascript" src="
https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.0.0-rc.4/fabric.js"></script>
<canvas id="c" width="400" height="400" style="border:1px solid #000000;"></canvas>

Answer 1

该版本没有 setter/getter（可选）。如果你想设置文本，你可以使用

obj.text = text;
//or
obj.set({
 text:text
});
//or
obj.set('text', text);

演示版

var canvas = new fabric.Canvas('c');
var text1 = new fabric.Textbox('Text', {
  left: 10,
  top: 20,
   width: 300
})

canvas.add(text1);
canvas.on('text:changed', function(e) {
 var objTEmp = e.target;
 objTEmp.set({
  text : "some"
 });
});

canvas{
 border:1px solid #000;
}

<script type="text/javascript" src="
https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.0.0-rc.4/fabric.js"></script>
<canvas id="c" width="400" height="400" style="border:1px solid #000000;"></canvas>

Answer 2

您可以在此处构建您自己的 Fabric.js 版本：http://fabricjs.com/build/

检查 "Named accessors" 恢复对 setter 和 getter 的支持。不推荐也不支持，谁知道它会在那里停留多久，但如果你现在只需要一个快速的解决方案，那就可以了。

setText() 在 fabricjs 版本 2 中不起作用

setText() not working in fabricjs version 2

fabricjs

fabricjs2