移动时在fabric.js中获取鼠标位置

【问题标题】：Get mouse position in fabric.js while moving移动时在fabric.js中获取鼠标位置
【发布时间】：2022-01-02 18:57:31
【问题描述】：

我想在移动时获取鼠标位置。

var canvas = new fabric.Canvas('c1');
canvas.on('mouse:up', function (e) 
{
    getMouse(e);
});
function getMouse(e) 

{
    console.log(e.e.clientX,e.e.clientY);
}

canvas 
{
  border: 1px solid red;
}

<canvas id="c1" width="300" height="300"></canvas>

<script src="https://unpkg.com/fabric@4.6.0/dist/fabric.js"></script>

这可以让我在单击时获得鼠标的位置。移动鼠标时如何获取鼠标位置？

【问题讨论】：

标签： javascript html5-canvas dom-events fabricjs

【解决方案1】：

快速浏览 Canvas docs 建议将 mouse:up 替换为 mouse:move 应该是您所追求的。

看看它的工作原理：

const canvas = new fabric.Canvas('c1');

const getMouse = ({ e }) => {
  console.log(e.clientX, e.clientY);
}

canvas.on('mouse:move', getMouse);

canvas { border: 1px solid red; }

<canvas id="c1" width="300" height="300"></canvas>
<script src="https://unpkg.com/fabric@4.6.0/dist/fabric.js"></script>

【讨论】：