如何通过socket io发送canvas内容

Question

我只想复制canvas标签<canvas></canvas>中的canvas元素，并通过 socket.io 在其他浏览器中实时发送，以便绘制此元素。

当我在发射器中编写此代码时

socket.emit('emit_to_draw',document.getElementById('canvas'))

该元素为空。

我该如何处理？

Answer 1

您尝试的方法是在调用emit时发送整个canvas元素。为此，您必须将画布上下文转换为base64。

var canvas = document.getElementById（'canvas'）。toDataURL（）; socket.emit（ 'emit_to_draw'，帆布）;

当用户收到此画布变量时，他必须在画布上绘制它。