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

时间:2015-06-13 08:00:43

标签: cursor fabricjs

这不是绘图模式。 我希望根据某些条件能够在我超过某个元素时更改光标。像

这样的东西
$('#canvasID').css('cursor','pointer');

但这不适合我。你知道他们图书馆的一些财产吗? 感谢。

2 个答案:

答案 0 :(得分:5)

经过一些测试后,这对我有用:

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

                e.target.hoverCursor = 'crosshair';
            }

        });

答案 1 :(得分:1)

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