Fabric.js Path paintFirst 属性介绍

在 Fabric.js 中，paintFirst 是 Path 对象的一个属性，用于指定绘制路径时是否先绘制填充色（fill）。

当 paintFirst 属性设置为 true 时，路径对象首先绘制填充颜色，然后再绘制描边颜色（stroke），这意味着填充会覆盖描边。默认情况下，paintFirst 属性的值为 false，表示先绘制描边颜色再绘制填充颜色。

使用示例

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

const path = new fabric.Path('M 100 100 L 200 100 L 150 200 z', {
  fill: 'red',
  stroke: 'blue',
  strokeWidth: 2,
  paintFirst: true // 设置 paintFirst 为 true
});

canvas.add(path);

上述代码创建了一个路径对象 path，并将其添加到 Canvas 中。路径绘制的顺序为先绘制填充颜色，再绘制描边颜色，因为 paintFirst 属性被设置为 true。

总结

fabric.Path 的 paintFirst 属性允许我们控制路径对象绘制时填充和描边颜色的顺序。通过设置为 true，我们可以使填充颜色覆盖描边颜色。

请注意，在其他类型的对象（例如矩形、圆形等）上，paintFirst 属性无效，因为只有路径对象才具有填充和描边两种属性。

详细的 Path 对象和其他属性的使用，请参考 Fabric.js 官方文档。