¡Feliz año nuevo, queridos colegas! Mi objetivo es crear una aplicación que registre la posición de dibujo libre usando fabric.js en console.log. Aquí está mi código de aplicación:
var canvas = new fabric.Canvas(document.getElementById('canvasId')); canvas.isDrawingMode = true; canvas.freeDrawingBrush.width = 5; canvas.freeDrawingBrush.color = '#00aeff'; canvas.on('path:created', function(e) { e.path.set(); canvas.renderAll(); console.log(JSON.stringify(canvas)); }); canvas { border: 1px solid red; } <canvas id="canvasId" width="600" height="600"></canvas> <script src="https://unpkg.com/fabric@4.6.0/dist/fabric.js"></script>el problema principal es que este dibujo se ingresa en la consola solo en el momento en que se levanta el dedo del botón del mouse. Como resultado, en el caso de usar socket.io, puede observar la aparición de líneas finales. No necesito ingresar datos como json durante todo el trabajo con el mouse, para que el movimiento se transmita sin demoras. ¿Cómo resolver este problema?