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

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。