时间戳

首页 > 解决方案 > 鼠标图标抓取\抓取不起作用（Chrome）

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

问题描述

当我为画布设置 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)

小提琴光标 Chrome 错误！

标签： javascriptgoogle-chromefabricjs

解决方案

您需要使用-webkit-grabchrome -moz-grabfor mozilla ，检查doc。标准使用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;
}
<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>

推荐阅读