Fabric.js Itext hoverCursor 属性

简介

在 Fabric.js 中，Itext 是一个用于呈现和编辑文字的对象，hoverCursor 属性允许开发者自定义当鼠标悬停在 Itext 对象上时所显示的光标样式。

使用方法

可以通过设置 hoverCursor 属性来指定鼠标悬停时的光标样式。以下是一些常见的光标样式选择:

• default: 默认光标样式，通常是一个箭头
• pointer: 手型光标，表示可以点击或选择
• crosshair: 十字光标，用于标记选中的位置
• text: 文本光标，表示可以输入文本
• move: 移动光标，表示可以移动对象
• ...

示例代码：

var itext = new fabric.IText('Hello Fabric.js', { 
  hoverCursor: 'pointer' 
});

注意事项

• hoverCursor 属性只在鼠标悬停在 Itext 对象上时生效。
• 除了预定义的光标样式，也可以通过 CSS 自定义光标样式，然后将 CSS 类名设置为 hoverCursor 属性的值。

参考链接

• Fabric.js 官方文档
• MDN 文档：cursor