Fabric.js 图像 strokeUniform 属性

在使用 Fabric.js 绘制图像时，我们经常需要对图像进行描边操作。而 strokeUniform 属性就是用来控制图像描边的均匀性的。

strokeUniform 属性

strokeUniform 属性是 Fabric.js 图像对象的一个属性，用于控制图像描边的均匀性。它的默认值为 false，代表描边宽度按照图像的边缘进行分配。如果将 strokeUniform 属性设置为 true，则描边宽度将均匀分配到图像的内部和边缘。

const image = new fabric.Image(img, {
  scaleX: 0.5,
  scaleY: 0.5,
  stroke: 'red',
  strokeWidth: 5,
  strokeUniform: true
});

以上代码创建一个图片对象，将描边宽度均匀分配到图像的内部和边缘上。

注意事项

1. strokeUniform 属性只对图片对象有效，对其他对象无效
2. 当将 strokeUniform 属性设置为 true 时，描边的宽度可能会超出图像本身的宽度。需要注意
3. 在默认情况下，描边宽度是分布在图像的外部的，当 strokeUniform 属性设置为 true 时，描边宽度会同时分布在图像的内部和外部

总结

strokeUniform 属性是用来控制图像描边均匀性的属性。在需要设置描边的情况下，开启此属性能够使描边宽度更均匀地分布，提高图像质量。