Fabric.js 组 strokeDashArray 属性

Fabric.js 是一个可以让开发者创建交互式的 Web 应用程序的 JavaScript 库。Fabric.js 提供了一系列的 API，用于创建和操作各种类型的对象，包括文本、图像、矢量图形等等。

其中，组对象是 Fabric.js 中的一种特殊类型的对象，它可以包含多个子对象。在组对象中，可以使用 strokeDashArray 属性来设置子对象之间的虚线间隔。

strokeDashArray 简介

strokeDashArray 是一个包含数字的数组，用于指定虚线的实现方式。在数组中，数字的顺序表示虚线的长度和空白的长度，比如：

fabric.Group.prototype.strokeDashArray = [5, 10, 15, 20];

这里的数组为 [5, 10, 15, 20]，表示虚线的第一段长度为 5、第二段长度为 10、第三段长度为 15，第四段长度为 20，依次循环使用。

使用 strokeDashArray

在组对象中，可以使用以下代码来设置 strokeDashArray：

var group = new fabric.Group(objects, {
  strokeDashArray: [5, 10, 15, 20]
});

这里的 objects 是一个包含多个子对象的数组，strokeDashArray 属性被设置为 [5, 10, 15, 20]。

要注意的是，当 strokeDashArray 属性被设置为一个包含多个数字的数组时，子对象之间就会以虚线的方式相连。而当 strokeDashArray 属性被设置为一个空数组时，子对象之间的连接就会变成实线。

结论

Fabric.js 组对象的 strokeDashArray 属性可以用于设置子对象之间的虚线间隔，可以通过设置一个包含多个数字的数组来实现。使用该属性，可以让开发者更加灵活地控制组对象的样式和外观，从而创建交互式的 Web 应用程序。