Fabric.js | hasRotatingPoint 属性

在 Fabric.js 中，使用 hasRotatingPoint 属性可以控制对象是否显示旋转点，该属性控制着对象在被选中时是否会有一个中心围绕其旋转的点。

语法

obj.hasRotatingPoint = value;

• obj: 需要控制是否显示旋转点的对象。
• value: 显示旋转点的布尔值。若为 true，则显示旋转点；若为 false，则不显示旋转点。

示例

// 创建一个三角形对象
var triangle = new fabric.Triangle({
  width: 100,
  height: 100,
  fill: 'red',
  left: 50,
  top: 50,
  hasRotatingPoint: true // 显示旋转点
});

// 将对象添加到画布中
canvas.add(triangle);

上述示例中，我们创建了一个红色的三角形，并设置了 hasRotatingPoint 属性为 true，表示该对象在被选中时会显示旋转点。

注意事项

• 对象旋转点的位置可以通过设置 originX 和 originY 属性来控制，默认值为 center。
• 对象选中时是否显示旋转点可以通过设置 hasControls 属性来控制，默认值为 true，即显示边框和旋转点。