Fabric.js ActiveSelection transparentCorners 属性

简介

transparentCorners 属性是指 Fabric.js 中 ActiveSelection 的一个属性，它设置了选中对象的控制点是否透明。当 transparentCorners 设置为 true 时，选中对象的控制点是透明的，否则是不透明的。

使用方法

要使用 transparentCorners 属性，需要先创建一个 ActiveSelection 实例，并设置相应的属性。以下为创建 transparentCorners 为 true 的 ActiveSelection 实例示例：

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

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

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

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

canvas.add(group);

在上述代码中，transparentCorners 被设置为 true 以后，选中对象的控制点就将变成透明的。

注意事项

需要注意的是，transparentCorners 只对 ActiveSelection 类型的对象有效，即其它类型的对象不受此属性控制。此外，在使用 transparentCorners 时，建议使用浅色的背景色，否则可能会导致选中对象的控制点不易被看到。

总结

transparentCorners 属性是 Fabric.js 中 ActiveSelection 类型对象的一个属性，用于控制选中对象的控制点是否透明。在使用时需要注意背景色和选中对象类型。