Fabric.js itext 的 strokeDashArray 属性

strokeDashArray 属性是用于确定线条或边框的虚线模式。在 fabric.js 的 itext 类中，也可以使用此属性，以在文本周围创建虚线边框。

语法

itext.set({ strokeDashArray: [...pattern] });

其中，pattern 参数可以是一组数值，表示虚线和空白的长度交替出现。例如，[5, 10] 表示 5 个像素的实线，之后是 10 个像素的空白，然后再是 5 个像素的实线，以此类推。

示例

var canvas = new fabric.Canvas('canvas');

var text = new fabric.IText('Hello World', {
  left: 100,
  top: 100,
  fontSize: 20,
  stroke: 'blue',
  strokeWidth: 2,
  strokeDashArray: [5, 10]
});

canvas.add(text);

如上代码片段所示，设置 itext 的 strokeDashArray 数组为 [5, 10]，即可在文本周围创建一个蓝色虚线边框。可以根据需要，自由设置 strokeDashArray 数组，以实现不同的虚线效果。