Javascript Fabric JS自定义光标样式

我需要在悬停形状上将光标类型更改为“手写”

var canvas = window._canvas = new fabric.Canvas('ImgCanvas');
function changeCursor(cursorType) {
canvas.defaultCursor = "Handwriting";
}

---

我尝试了这个方法，但没有成功

您可以直接将光标更改为单个形状，或全局更改为整个画布。请看下面的代码片段

var canvas=this.\uu canvas=newfabric.canvas（'c'）；
//所有人的指针
canvas.hoverCursor='pointer'；
var rect=new fabric.rect({
左:50,，
前30名，
宽度：100，
身高：100，
填充：“绿色”，
角度：20，
});
var rect2=new fabric.Rect({
左：180，
前30名，
宽度：100，
身高：100，
填充：“绿色”，
角度：20，
});
canvas.add（rect）；
canvas.add（rect2）；
canvas.renderAll（）；
var canvas2=this.\uu canvas=newfabric.canvas（'c2'）；
var rect=new fabric.rect({
左：120，
前30名，
宽度：100，
身高：100，
填充：“绿色”，
角度：20，
//选定形状的指针
光标悬停：“指针”
});
canvas2.add（rect）；
canvas2.renderAll（）
p{font-family:'arial'}

全球应用

单独应用


Surendhar

要更改形状上的光标，需要将其定义为：

canvas.hoverCursor = 'cursor type'

这是一组游标

如果需要自定义光标，则必须使用自定义光标在织物画布顶部创建div元素。当您有事件“mouseover”时，形状刚刚指定canvas.hoverCursor=“none”，并显示自定义形状

您可以检查这一点，这是自定义光标的简单示例。您必须重新访问此代码，才能在不刷新自定义游标的情况下工作。这一切都是关于鼠标在自定义光标的事件上。必须禁用自定义光标的每个div元素的鼠标悬停事件。
要更改fabric.js对象的光标，可以将鼠标悬停光标或移动光标设置为自己的图像。
例如：

object.set({hoverCursor: 'url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), auto'});