Fabric.js Circle 事件属性

Fabric.js是一个用于创建交互式的Canvas应用程序的强大、易用的JavaScript库。其中，Circle是一个基于Fabric.js的预定义对象，可以用来创建一个圆形。Circle对象支持许多事件属性，可以使程序员使用它们来处理各种用户事件。

Circle对象事件属性列表

Circle对象支持以下事件属性：

selectable

该属性用于设置Circle对象是否可选。如果设置为false，则无法选中该Circle对象。默认为true。

var circle = new fabric.Circle({radius: 50, selectable: false});

evented

该属性用于设置Circle对象是否能够触发事件。如果设置为false，则该圆形对象将不会触发事件。默认为true。

var circle = new fabric.Circle({radius: 50, evented: false});

hasBorders

该属性用于设置圆形对象是否具有边框。如果该属性设置为false，则该圆形对象将没有边框。默认为true。

var circle = new fabric.Circle({radius: 50, hasBorders: false});

hasControls

该属性用于设置圆形对象是否具有控制点。如果该属性设置为false，则该圆形对象将没有控制点。默认为true。

var circle = new fabric.Circle({radius: 50, hasControls: false});

hasRotatingPoint

该属性用于设置圆形对象是否具有旋转点。如果该属性设置为false，则该圆形对象将没有旋转点。默认为true。

var circle = new fabric.Circle({radius: 50, hasRotatingPoint: false});

hoverCursor

该属性用于设置鼠标悬停在圆形对象上时的鼠标样式。默认为'vertical-text'。

var circle = new fabric.Circle({radius: 50, hoverCursor: 'pointer'});

moveCursor

该属性用于设置鼠标拖动圆形对象时的鼠标样式。默认为'move'。

var circle = new fabric.Circle({radius: 50, moveCursor: 'crosshair'});

padding

该属性用于设置圆形对象的文本内边距。默认为0。

var circle = new fabric.Circle({radius: 50, padding: 10});

borderOpacityWhenMoving

该属性用于设置圆形对象在移动时边框的不透明度。默认为0.4。

var circle = new fabric.Circle({radius: 50, borderOpacityWhenMoving: 0.8});

总结

以上是Circle对象支持的事件属性列表，您可以根据实际需要使用这些属性来控制Circle对象如何响应用户事件。希望本文能帮助您更好地了解Fabric.js圆形对象的事件属性。