Fabric.js 多边形 hasRotatingPoint 属性

在Fabric.js中，hasRotatingPoint是一个多边形对象的属性，用于控制该对象是否具有旋转点。旋转点是一个用于控制对象旋转的小圆圈，当你点击该圆圈并拖动时，对象会围绕其中心点旋转。

语法

fabric.Polygon.prototype.hasRotatingPoint

参数

该属性没有参数

返回值

返回一个布尔值，表示该对象是否具有旋转点。

示例

//创建一个多边形对象
var polygon = new fabric.Polygon([
  { x: 0, y: 0 },
  { x: 50, y: 0 },
  { x: 50, y: 50 },
  { x: 0, y: 50 }
], {
  left: 100,
  top: 100,
  fill: 'red',
  hasRotatingPoint: true //开启旋转点
});

//将对象添加到 canvas 中
canvas.add(polygon);

在上面的示例中，我们创建了一个红色的多边形对象，并将其添加到了canvas中，同时开启了旋转点。这样，当你点击多边形对象并拖动旋转点时，对象会围绕其中心旋转。

如果你将 hasRotatingPoint 设置为 false，那么对象将没有旋转点，并且不能够被旋转。

var polygon = new fabric.Polygon([
  { x: 0, y: 0 },
  { x: 50, y: 0 },
  { x: 50, y: 50 },
  { x: 0, y: 50 }
], {
  left: 100,
  top: 100,
  fill: 'red',
  hasRotatingPoint: false //关闭旋转点
});