如何使用 Fabric.js 更改文本画布的字体系列？

在 Fabric.js 中，可以通过设置 Text 对象的 fontFamily 属性来更改文本画布的字体系列。具体实现方法如下：

// 创建 Text 对象
var text = new fabric.Text('Hello World', {
  left: 100,
  top: 100,
  fontFamily: 'Arial'
});

// 将 Text 对象添加到画布中
canvas.add(text);

上述代码中，我们创建了一个文本对象并将其添加到画布中。其中，通过设置 fontFamily 属性，我们将文本的字体系列设置为 Arial。

除了在创建 Text 对象时设置 fontFamily 属性，我们还可以在需要时将其动态更改。具体实现方法如下：

// 获取 Text 对象
var text = canvas.getItemByName('myText');

// 更改 fontFamily 属性
text.set('fontFamily', 'Comic Sans');
canvas.renderAll();

上述代码中，我们首先通过 getItemByName 方法获取名为 myText 的 Text 对象，然后使用 set 方法将该对象的 fontFamily 属性更改为 Comic Sans。最后，我们调用 renderAll 方法将更改后的对象渲染到画布上。

需要注意的是，Fabric.js 支持的字体系列取决于浏览器和操作系统。如果需要更改字体系列，建议使用浏览器支持的字体，以确保正常显示。

参考资料：

• Fabric.js 文档