Fabric.js | 椭圆 hasControls 属性

Fabric.js 是一个用于构建交互式 canvas 应用程序的强大的 JavaScript 库。椭圆对象是 fabric 中的一种图形对象。hasControls 属性是一个布尔值，它控制椭圆是否可以通过单击进行选中并调整大小。

设置 hasControls 属性

要设置椭圆的 hasControls 属性，需要调用椭圆对象的 set() 方法并传递一个包含 hasControls 属性的对象。例如，在创建椭圆对象后，可以使用以下代码将其禁用控件：

var ellipse = new fabric.Ellipse({
  rx: 60,
  ry: 40,
  fill: 'red',
  left: 100,
  top: 100
});

ellipse.set({
  hasControls: false
});

hasControls 的默认值

如果未显式设置椭圆对象的 hasControls 属性，则该属性将默认为 true。这表示椭圆对象可以被选中并且具有调整大小控件。

hasControls 的用途

hasControls 属性旨在控制对椭圆对象的互动能力。当 hasControls 设置为 false 时，用户将无法单击并选择椭圆对象。这可以在以下情况下很有用：

• 椭圆对象作为背景时，可以禁用控件，防止意外拖拽或更改；
• 椭圆对象用于表达式，可以禁用控件，防止误操作。

总结

通过设置 hasControls 属性，可以方便地控制椭圆对象是否可以被选中并调整大小，以适应特定的场景需求。在使用时，请注意该属性所控制的椭圆对象的行为，并根据需要进行设置。

使用示例：