Fabric.js 组 strokeMiterLimit 属性

在 Fabric.js 中，我们可以通过修改组对象的 strokeMiterLimit 属性来控制组对象的描边斜接。

什么是描边斜接？

描边斜接是指如果相邻两条线段在连接处形成了一个锐角，那么连接处就会出现描边器无法描绘的空隙，这个空隙就称为描边斜接。描边斜接会影响描边的质量和效果。

如何修改组对象的 strokeMiterLimit 属性？

可以使用 setStrokeMiterLimit() 方法来设置组对象的 strokeMiterLimit 属性。

// 获取组对象
var group = new fabric.Group([...]);
group.setStrokeMiterLimit(10); // 设置 strokeMiterLimit 属性

注意事项

• strokeMiterLimit 属性值必须为正数
• 如果 strokeMiterLimit 属性超过了最大值，将会自动设置为最大值
• 当组对象被旋转或缩放时，描边斜接会随之改变，此时需要重新计算并设置 strokeMiterLimit 的值，确保描边质量不受影响。

参考文献：

• Fabric.js - Group strokeMiterLimit property