移動時在fabric.js中獲取鼠標position

Question

我想在移動時拿到鼠標 position。

 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>

當我點擊時，這讓我得到了鼠標的 position。 如何在移動鼠標時獲得鼠標 position？

Answer 1

快速瀏覽Canvas 文檔建議將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>