如何覆盖FabricJS鼠标光标

Question

使用FabricJS时，即使您将鼠标悬停在定义了自己的光标的形状上，如何暂时更改鼠标光标？

Answer 1

Fabric.defaultCursor = "move";  // "crosshair"

defaultCursor 用于设置“用于整个画布的默认光标值”

var canvas = new fabric.Canvas('canvasID');
canvas.defaultCursor = 'crosshair';

有关更多详细信息，请参阅文档： http://fabricjs.com/docs/fabric.Canvas.html#defaultCursor

Answer 2

覆盖setCursor

您可以覆盖fabric.js画布函数setCursor并实现自己的逻辑来检测鼠标光标应该是什么。

fabric.Canvas.prototype.setCursor
   = function (value) {
      if (something) value = 'pointer'; // Add your own logic here to override
      this.upperCanvasEl.style.cursor = value;
   };

将上面的代码放在您自己的javascript文件中，这样您就可以在以后升级fabric.js而不会丢失修改。确保在加载fabric.js后加载此文件。修改if语句以匹配您自己的逻辑，该逻辑确定是否应使用不同的游标。