Fabric.js | 矩形边框颜色属性

在使用 Fabric.js 绘制矩形时，我们可以通过设置 stroke 属性来控制边框颜色。具体来说，可以通过以下方式设置矩形边框颜色：

rect.set({
  stroke: 'red'
});

其中，rect 是一个 Fabric.js 矩形对象。通过设置 stroke 属性为 'red'，我们将该矩形的边框颜色设置为红色。

此外，还可以通过 strokeWidth 属性来设置边框宽度：

rect.set({
  stroke: 'red',
  strokeWidth: 2
});

通过设置 strokeWidth 属性为 2，我们将该矩形的边框宽度设置为 2 像素。

如果需要同时设置多个矩形的边框颜色和宽度，可以使用 forEachObject() 方法：

canvas.forEachObject(function(obj) {
  if (obj.type === 'rect') {
    obj.set({
      stroke: 'red',
      strokeWidth: 2
    });
  }
});

通过 forEachObject() 方法遍历画布上的所有对象，并判断对象是否为矩形。如果是矩形，则设置其边框颜色为红色，边框宽度为 2 像素。

值得注意的是，如果需要设置矩形边框的不透明度，可以使用 strokeOpacity 属性；如果需要设置边框的圆角半径，可以使用 rx 和 ry 属性。

以上就是 Fabric.js 中设置矩形边框颜色属性的介绍。