如何使用 Fabric.js 删除画布类型文本的边框？

在使用 Fabric.js 创建画布类型文本时，可能会默认出现一个边框，如果想要删除这个边框该怎么办呢？

方法一：设置文本的 strokeWidth 为 0

可以通过设置文本的 strokeWidth 为 0 来删除边框。代码如下：

var text = new fabric.Text('hello world', {
  left: 100,
  top: 100,
  fill: 'red',
  strokeWidth: 0
});

canvas.add(text);

方法二：设置文本的 stroke 为透明

可以通过设置文本的 stroke 为透明来删除边框。代码如下：

var text = new fabric.Text('hello world', {
  left: 100,
  top: 100,
  fill: 'red',
  stroke: 'transparent'
});

canvas.add(text);

注意事项：

• 上述方法在创建文本对象时设置有效，已经创建的文本对象无法修改属性，需要重新创建。
• 如果同时设置了 strokeWidth 和 stroke，则 strokeWidth 会覆盖 stroke。

希望本篇文章能够帮助您删除文本的边框，欢迎留言探讨。