Fabric.js | Circle strokeDashArray 属性

在 Fabric.js 中，Circle 对象是表示圆形的类。strokeDashArray 是 Circle 对象的一个属性，它用于指定圆形的虚线样式。

语法

circle.set('strokeDashArray', [a, b, ...]);

参数

• a, b, ...：一组数字，用于指定实线和空格的长度，以轮流组成虚线样式。

示例

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

var circle = new fabric.Circle({
  radius: 50,
  stroke: 'black',
  strokeWidth: 1,
  left: 50,
  top: 50,
  strokeDashArray: [5, 5]
});

canvas.add(circle);

上述代码中，我们创建了一个半径为 50px 的黑色边框圆，在创建时指定了 strokeDashArray 属性，并设置该圆的边框样式为 5px 实线和 5px 空格的虚线样式。

注意事项

Fabric.js 中的圆形类除了 Circle 以外，还有 Ellipse 类和自定义形状 Path 类可以使用 strokeDashArray 属性实现虚线样式。使用该属性时需注意参数的合理性和单位的正确使用。