Fabric.js 行 hasControls 属性

简介

Fabric.js 是一款基于 HTML5 Canvas 的 JavaScript 库，用于通过编程方式创建交互式图形，特别是像绘图应用程序和游戏之类的应用程序。

hasControls 属性是指一个布尔值，用于控制是否将对象的缩放、旋转等控件显示在对象周围。默认情况下，此属性为 true 。

语法

object.hasControls = true|false;

示例

var canvas = new fabric.Canvas('canvas');

var rect = new fabric.Rect({
  left: 10,
  top: 10,
  fill: 'red',
  width: 50,
  height: 50
});

canvas.add(rect);

// 禁用控件
rect.hasControls = false;

canvas.renderAll();

说明

在上述示例中，我们创建了一个红色的正方形，并将其添加到画布上。默认情况下，该对象具有缩放和旋转控件。

我们将 hasControls 属性设置为 false ，这将禁用该对象的控件显示。

最后，我们调用 renderAll() 方法呈现画布上的对象，可以看到对象不再具有缩放和旋转控件。

结论

hasControls 属性是用于控制对象是否具有缩放、旋转等控件的布尔值。

默认情况下，此属性为 true ，可以使用以下语法将其更改为 false 。

object.hasControls = false;

控制是否显示控件可以提高应用程序的可用性。