如何为织物对象设置自定义光标？

Question

这不是绘图模式。

我希望根据某些条件，当我经过某个元素时能够更改光标。像

$('#canvasID').css('cursor','pointer');

但这对我不起作用。你知道他们图书馆里的一些属性吗？

Answer 1

经过一些测试，这对我有用：

        canvas.observe('mouse:over', function (e) {
            if (e.target.get('type') == 'line') {

                e.target.hoverCursor = 'crosshair';
            }

        });

Answer 2

FabricJS 具有用于设置自定义光标的内置机制（不幸的是，仅适用于悬停和移动事件）：

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

var circle = new fabric.Circle({
    radius: 20, fill: 'red', left: 10, top: 10
});
circle.hoverCursor = 'no-drop';

canvas.add(circle);

您可以找到更多游标类型 here。

如何为织物对象设置自定义光标？

How can i set a custom cursor for fabric object?

fabricjs

mouse-cursor