Fabric.js 组 hasBorders 属性

在 Fabric.js 中，可以使用组（Group）来组合多个对象。这些对象可以是文本、形状、图像等等。

在默认情况下，当您将鼠标悬停在组上时，将在组的四个边框上显示可调整大小的锚点。这些边框是 Fabric.js 中 hasBorders 属性的默认值。

var group = new fabric.Group([object1, object2, object3], {
  left: 100,
  top: 100,
});

您可以通过将此属性设置为 false 来禁用这些边框。

var group = new fabric.Group([object1, object2, object3], {
  left: 100,
  top: 100,
  hasBorders: false,
});

当您需要控制组中每个对象的边框时，可以将不同对象的 hasBorders 属性设置为 true 或 false。

var object1 = new fabric.Rect({
  left: 50,
  top: 50,
  width: 50,
  height: 50,
  hasBorders: true,
});

var object2 = new fabric.Circle({
  left: 75,
  top: 75,
  radius: 25,
  hasBorders: false,
});

var group = new fabric.Group([object1, object2], {
  left: 100,
  top: 100,
});

此外，如果您想要在您的应用程序中启用或禁用所有对象的默认边框，可以设置 canvas.preserveObjectStacking 属性值为 true。

var canvas = new fabric.Canvas('c', {
  preserveObjectStacking: true
});

以上就是 Fabric.js 组 hasBorders 属性的介绍。当您在使用 Fabric.js 创造您的图形应用程序时，这将是一个有用的属性。