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

Question

I'd like to get the mouse position while moving.

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

 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>

This gets me the position of the mouse when I click. How do I get mouse position while moving the mouse?

Answer 1

A quick peek at Canvas docs suggest replacing mouse:up with mouse:move should be what you're after.

See it working:

 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>