📜  Fabric.js | Circle hasControls 属性(1)

📅  最后修改于: 2023-12-03 15:15:00.026000             🧑  作者: Mango

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 对象时,它总是有控制柄的。如果您想在创建对象时禁用控制柄,可以设置 hasControlsfalse

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

canvas.add(circle2);
效果

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

Circle hasControls property in action

总结

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