¡Buenas noches, queridos colegas! Estoy tratando de crear una aplicación de dibujo usando fabric.js y socket.io. mi tarea es

1. cree el app.js de dibujo más primitivo para la interfaz. Aquí está el código para esta aplicación (client.js):

 var canvas = new fabric.Canvas(document.getElementById('canvasId')); //var socket = io(); canvas.isDrawingMode = true; canvas.freeDrawingBrush.width = 5; canvas.freeDrawingBrush.color = '#00aeff'; canvas.on('path:created', function(e) { e.path.set(); canvas.renderAll(); //socket.emit('json_to_board', JSON.stringify(canvas)); 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> <script src="/socket.io/socket.io.js"></script>

2) el siguiente paso es crear socket.io. Intento enviar json del cliente al servidor con server.js:

 const express = require('express'); const app = express(); const http = require('http'); const server = http.createServer(app); const { Server } = require("socket.io"); const io = new Server(server); app.get('/', (req, res) => { res.sendFile(__dirname + '/index.html'); }); io.on('connection', (socket) => { socket.on('json_to_board', (msg) => { console.log('message: ' + msg); }); }); server.listen(3000, () => { console.log('listening on *:3000'); });

y el código no envía nada del cliente al servidor. ¿Cómo debo solucionar este problema?