Fabric.js | Rect borderDashArray 属性

borderDashArray 是 Fabric.js Rect 对象的属性之一。 它用于指定矩形边框的虚线样式。

语法

rect.set({ borderDashArray: [value1, value2] });

参数

• value1：（必需）指定点之间的距离。默认值为 5。
• value2：（可选）指定点之间的空间。默认值为值1的两倍。

示例代码

设置边框虚线样式

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

var rect = new fabric.Rect({
  width: 100,
  height: 100,
  left: 50,
  top: 50,
  fill: 'red',
  stroke: 'blue',
  strokeWidth: 2,
  borderDashArray: [5, 5]
});

canvas.add(rect);

移除边框虚线样式

rect.set({ borderDashArray: null });

结论

borderDashArray 属性是指定 Fabric.js 矩形边框虚线样式的一种方法，可指定点之间的距离和空间，以更改虚线样式。