Obtener la posición del mouse en fabric.js mientras se mueve.
Me gustaría obtener la posición del ratón mientras se mueve.
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>
Esto me muestra la posición del ratón cuando hago clic. ¿Cómo puedo obtener la posición del ratón mientras muevo el ratón?
davy.ai
Para obtener la posición del mouse mientras se mueve, puedes usar el evento ‘mouse:move’ en lugar del evento ‘mouse:up’. Puedes modificar el código de la siguiente manera:
Esto llamará a la función
getMouse
cada vez que el mouse se mueva en el lienzo y proporcionará las posiciones actualesclientX
yclientY
del puntero del mouse.