鼠标图标抓取\抓取不起作用（Chrome）答案

【问题标题】：Mouse icon grab \ grabbing does not work (Chrome)鼠标图标抓取\抓取不起作用（Chrome）
【发布时间】：2018-12-05 11:18:08
【问题描述】：

当我为画布设置默认光标时，在抓取或抓取模式下，光标与默认光标（箭头）一起出现。这只发生在 Chrome 上，在 mozilla 中可以正常工作。

¿有什么建议吗？

var canvas = window._canvas = new fabric.Canvas('c');
//canvas.defaultCursor = "grab" -> Not Works (Chrome)
//canvas.defaultCursor = "grabbimg" -> Not Works (Chrome)
canvas.defaultCursor = "pointer" //Works Fine (Chrome, Mozilla)

Fiddle Cursor Chrome Bug!

【问题讨论】：

标签： javascript google-chrome fabricjs

【解决方案1】：

Chrome 需要使用-webkit-grab @mozilla 使用-moz-grab，请检查doc。标准使用move

DEMO 用于 chrome

var canvas = window._canvas = new fabric.Canvas('c');
//canvas.defaultCursor = "grab" -> Not Works (Chrome)
//canvas.defaultCursor = "grabbimg" -> Not Works (Chrome)

function setCursor(){
  canvas.defaultCursor = "-webkit-grab"
}

canvas {
  border: 1px solid #999;
}

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button onclick='setCursor()'>set cursor</button>
<canvas id="c" width="400" height="400"></canvas>

【讨论】：

嗨@Durga，在我的环境中，我有一个按钮，当我点击时，我会执行 canvas.defaultCursor = "-webkit-grab"。但在我不点击画布之前，指针会以默认模式出现。在这里看看它是如何工作的：imgur.com/a/OeLdv4x
@PedroJose 检查更新的答案，它适用于按钮点击。
请看这个例子：jsfiddle.net/samael205/7p7njtjm/31。当我点击抓取时，如spect，光标在抓取模式下打开。但是，当我在画布上单击鼠标时，鼠标应该打开抓取模式，但它没有这样做。 ¿ 为什么？