Fabric.js 图像 strokeMiterLimit 属性

在使用 Fabric.js 库进行图像处理和绘制时，strokeMiterLimit 属性用来控制线段连接点的尖锐程度。这个属性定义了两条线段相交时拐角的受限程度。

属性使用

这个属性可以通过设置 Fabric.js 中图像对象的 strokeMiterLimit 属性值来进行设置。例如：

var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 200,
  height: 100,
  fill: 'red',
  strokeWidth: 10,
  strokeMiterLimit: 5
});

canvas.add(rect);

上面的代码中，创建了一个矩形对象，设置了它的 strokeMiterLimit 属性为 5。

属性值

这个属性值必须是一个数字类型，代表两条线段交叉部位的弯曲程度。较小的值会导致拐角更加尖锐，而较大的值会导致拐角更加平滑。如果这个值设为0，则相当于关闭了线段连接点的尖锐程度限制。

注意事项

如果设置过大的值，可能会导致 canvas 无法处理并绘制图像。因此要根据具体情况来设置这个值，以达到最佳的绘制效果。

同时，由于 strokeMiterLimit 属性只用于 Canvas 2 维绘图，所以对于使用 WebGL 等其它绘图库的情况，可能要使用不同的属性或方法来实现相似的功能。

参考资料

• Fabric.js 官方文档