Estoy construyendo un sitio web que permite a los usuarios dibujar juntos en tiempo real. Cuando un usuario se une, envía una solicitud al servidor para cualquier dato de sorteo existente, que luego se recibe y se representa en un lienzo. Esto se hace usando websockets (con socket.io), y el código es muy simple.

Servidor:

 socket.emit('draw_data', data);

Cliente:

 socket.on('draw_data', (data) => { for (var i of data) { drawPoint(i); } });

Este proceso funciona como se esperaba el 70% del tiempo. El otro 30%, nada aparecerá en el lienzo a menos que cambie el tamaño de la ventana. Probé algunas correcciones pirateadas como renderizar dos veces, pero eso no hace nada. ¿Alguien sabe por qué sucede esto y cómo solucionarlo?