Fabric.js ActiveSelection cornerSize 属性

cornerSize 是一个用于 Fabric.js 中 ActiveSelection 类的属性，该类用于组合元素的选择。cornerSize 指定了选择框的角的大小。

语法

activeSelection.cornerSize = size;

其中，size 的类型为数字，表示选择框角的大小（以像素为单位）。如果未指定此属性，则默认为 10。

示例

以下示例创建了一个包含两个元素的 ActiveSelection 对象，并指定了 cornerSize 为 20：

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

var rect1 = new fabric.Rect({
  left: 0,
  top: 0,
  width: 50,
  height: 50,
  fill: 'red'
});

var rect2 = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'blue'
});

var group = new fabric.ActiveSelection([rect1, rect2], {
  cornerSize: 20
});

canvas.add(group);

在该示例中，选择框的角大小为 20 像素。

注意事项

• cornerSize 属性仅适用于 ActiveSelection 对象。
• 如果您在创建 ActiveSelection 对象时未指定该属性，则使用默认值 10。
• 如果您未指定 ActiveSelection 对象中的任何元素的 rotatingPointOffset 属性，则使用 cornerSize 属性的值。有关 rotatingPointOffset 属性的更多信息，请参阅 Fabric.js rotatingPointOffset 属性。
• 如果 selectionCornersize 非常大，则可能需要调整 borderWidth 属性的值以使其更符合实际需要。

参考文献：

• Fabric.js ActiveSelection
• Fabric.js Rect