Fabric.js 图像顶部属性

Fabric.js 是一款优秀的基于 HTML5 Canvas 的图形库。在使用 Fabric.js 进行图像编辑时，我们可以通过设置图像的顶部属性来轻松控制图像的显示和交互效果。

1. lockMovementX/lockMovementY

lockMovementX 和 lockMovementY 分别控制图像在水平和垂直方向上是否允许移动。

代码示例：

object.lockMovementX = true;
object.lockMovementY = true;

2. hasBorders/hasControls

hasBorders 和 hasControls 分别控制图像的边框和控制点是否显示。

代码示例：

object.hasBorders = false;
object.hasControls = false;

3. selectable

selectable 控制图像是否可以被选中。

代码示例：

object.selectable = false;

4. hoverCursor/moveCursor

hoverCursor 和 moveCursor 分别控制鼠标在图像上悬停和移动时的光标样式。

代码示例：

object.hoverCursor = 'pointer';
object.moveCursor = 'zoom-in';

5. padding

padding 控制图像的内边距大小。

代码示例：

object.padding = 10;

通过设置这些图像顶部属性，我们可以轻松地达到我们想要的图像效果，提高用户体验。