Fabric.js 组 transparentCorners 属性

在使用 Fabric.js 创建图形时，可以将多个图形组合成一个组，以方便管理和编辑。而 group 类型的对象在 Fabric.js 中也拥有许多属性可以设置，其中之一就是 transparentCorners 属性。

属性介绍

transparentCorners 是 group 类型对象的一个布尔型属性，用于控制组内所有对象的旋转和缩放角标的透明度。默认情况下，透明度为 true，即旋转和缩放角标为半透明状态；如果设置为 false，则角标会呈现出不透明效果。

属性使用

在创建 group 类型对象时，可以在 options 中设置 transparentCorners 参数。

var group = new fabric.Group([obj1, obj2, obj3], {
  transparentCorners: false
});

也可以在创建后通过 set 方法进行修改：

group.set('transparentCorners', false);

属性效果

当 transparentCorners 为 true 时，角标为半透明状态：

当 transparentCorners 为 false 时，角标为不透明状态：

小结

通过设置 group 类型对象的 transparentCorners 属性，可以控制旋转和缩放角标的透明度。在需要突出组内某个对象进行编辑时可以将透明度设置为false，增加编辑体验。