Fabric.js Circle hoverCursor 属性介绍

hoverCursor 属性是 Fabric.js 中 Circle 对象的一个属性，用于设置鼠标悬停在 Circle 上时的光标形状。该属性可以设置为任何 CSS 鼠标光标值，如 pointer 等。

用法

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

参数说明

• hoverCursor：String 类型，可选值为 CSS 鼠标光标值，默认为 move。

示例

下面是一个简单的例子，演示如何使用 hoverCursor 属性：

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

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

canvas.add(circle);

在悬停在圆形上方时，光标会变成指针形状。你可以在代码中尝试修改 hoverCursor 属性值，看看光标会发生什么变化。

注意事项

• hoverCursor 属性只在鼠标悬停在 Circle 对象上方时生效。
• hoverCursor 属性仅在包含 Circle 对象的 canvas 元素上生效，而不是整个窗口。