Fabric.js | Circle hasControls 属性

hasControls 是 Fabric.js Circle 对象的一个属性。当 hasControls 被设置为 true 时，用户可以通过单击选定圆并拖动控制柄来改变它的大小。

用法

var circle = new fabric.Circle({
  radius: 50,
  fill: 'red',
  left: 100,
  top: 100,
  hasControls: true
});

canvas.add(circle);

属性值

hasControls 的默认值为 true，这意味着当创建一个 Circle 对象时，它总是有控制柄的。如果您想在创建对象时禁用控制柄，可以设置 hasControls 为 false。

var circle2 = new fabric.Circle({
  radius: 50,
  fill: 'green',
  left: 300,
  top: 100,
  hasControls: false
});

canvas.add(circle2);

效果

当 hasControls 被设置为 true 时，可以单击圆形，然后拖动控制柄以调整大小。

总结

通过了解 hasControls 属性，您可以控制 Fabric.js Circle 对象是否具有控制柄。这是一个很好的特性，可以让用户轻松地调整圆形的大小。