WebSocket是一种在单个TCP连接上进行全双工通信的协议，在Web应用程序中可以实现实时通信的功能，因此可以用来实现在线白板功能。
1. 建立WebSocket连接
const socket = new WebSocket('ws://localhost:8080');2. 监听WebSocket连接事件
socket.addEventListener('open', function (event) {
console.log('WebSocket连接已打开');
});3. 监听WebSocket消息事件
socket.addEventListener('message', function (event) {
console.log('收到消息：', event.data);
});4. 发送消息
socket.send('Hello WebSocket!');5. 绘制图形
在收到消息后，可以通过Canvas API绘制图形，达到在线白板的效果。
1. WebSocket连接需要在服务端和客户端都进行处理。
2. 在绘制图形时，需要注意Canvas的坐标系和事件处理。
3. 考虑到多个用户同时绘制的情况，需要进行并发处理。