Fabric.js Itext borderColor 属性介绍

在 Fabric.js 中，我们可以使用 IText 对象创建一个包含文本的图形。IText 允许我们设置文本的颜色、字体、大小等属性，同时也支持设置边框的颜色、宽度和样式。其中，borderColor 属性用于设置边框的颜色。

语法

new fabric.IText(text, options);

其中，options 对象中可以设置 borderColor 属性。

{
  borderColor: 'black'
}

示例

创建一个 IText 对象，设置文本为 'Hello World!'，颜色为红色，边框颜色为蓝色：

const itext = new fabric.IText('Hello World!', {
  fill: 'red',
  borderColor: 'blue'
});

canvas.add(itext);

效果

注意事项

• borderColor 必须是表示颜色的字符串，可以是颜色名称、十六进制值或 RGB 值。
• 如果不需要边框，可以将 borderWidth 属性设置为 0。

参考链接

• Fabric.js 文档