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

Question

当我为画布设置defaultCursor时，在抓取或抓取模式下，光标与默认光标一起出现（箭头）。这仅发生在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!

Answer 1

您需要将track by用于Chrome -webkit-grab用于mozilla，选中doc。对于标准用途，-moz-grab

演示 （用于Chrome浏览器）

move

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;
}