使用fabric.js更改画布上的绘图光标

用户名

我正在使用fabric.js制作绘图工具画布。我想在绘画时更改光标,所以我在用:

canvas.freeDrawingCursor = 'url('icn_pencil.svg), auto';

这正在工作,我可以看到图像光标。

我的问题是我需要更改图像位置,因为否则看起来像这样:

在此处输入图片说明

用户名

您可以通过使用网址后面的坐标来判断命中点在哪里:

canvas.freeDrawingCursor = 'url('icn_pencil.svg) x y, auto';

xy图像匹配的像素偏移值替换上面的值。

var ctx = c.getContext("2d");
c.onmousemove = function(e) {ctx.fillRect(e.clientX - 2, e.clientY - 2, 4, 4)};
html, body {margin:0}
#c {
  cursor: url(https://i.stack.imgur.com/fp7eL.png) 4 64, auto;
  background:#ddd;
  }
<canvas id=c width=600 height=600></canvas>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用fabric.js在画布上免费绘制

来自分类Dev

Fabric.js-重建和商业使用

来自分类Dev

使用Fabric.js选择画布上的所有对象

来自分类Dev

使用Fabric.js进行交互式绘图

来自分类Dev

使用fabric.js的全屏画布模式

来自分类Dev

如何使用按钮从Fabric.js画布中删除图像

来自分类Dev

Fabric.js画布上的GIF动画

来自分类Dev

使用fabric.js从矩形区域获取对象并将其绘制到画布上

来自分类Dev

使用Angular.js在画布上绘图

来自分类Dev

使用Fabric放大到画布中心

来自分类Dev

使用Fabric.js启用和禁用画布的鼠标事件

来自分类Dev

如何使用Fabric.js实现画布平移

来自分类Dev

Fabric.js在画布上的图像上分层文本

来自分类Dev

使用js数组在画布上绘图,不显示最后一行

来自分类Dev

如何在画布上更改SVG颜色-Fabric.js

来自分类Dev

在localhost上使用Fabric

来自分类Dev

使用mouse:Fabric JS:覆盖动画对象

来自分类Dev

使用Fabric JS定义标记的行

来自分类Dev

在Fabric.JS画布中更改IText颜色(使用React +打字稿)

来自分类Dev

SVG无法使用Fabric.js在画布上正确渲染

来自分类Dev

如何使用按钮从Fabric.js画布中删除图像

来自分类Dev

使用fabric.js从矩形区域获取对象并将其绘制到画布上

来自分类Dev

如何使用Fabric永久更改目录?

来自分类Dev

如何在fabric.js中使用画布保存图像

来自分类Dev

使用Fabric在Twitter上撰写或共享图像

来自分类Dev

尝试在Prem上使用Service Fabric PublishProfiles

来自分类Dev

我如何使用 if isType() 为画布上的每个对象使用fabric js?

来自分类Dev

如何停止使用 Fabric.js 绘图

来自分类Dev

画布旋转 - Fabric js

Related 相关文章

热门标签

归档