jquery - 通过电线将画布复制到画布

Question

将一个画布（一台机器）复制到另一个画布（另一台机器）的优化方法是什么。

我知道下面的方法，但我认为当画布信息以很短的间隔发送时会产生性能问题。

canvas.toDataURL("image/png");

我听说过发送坐标信息。各位大神能不能给点光明？或者如果有更好的方法，请帮助我。

Answer 1

我的建议是将绘制到画布上的东西作为 java 脚本对象保留一个单独的模型（为您绘制的每个矩形保留一个“矩形对象”等）。比这些“模型对象”中的每一个都具有版本属性或更新标志。保持您的“模型对象”和画布同步并更新版本或在您触摸“模型对象”时设置更新的标志。同步时，仅传输更新的“模型对象”。这基本上就是人们谈论更新“坐标”时的意思。

当然，这取决于您绘制了多少项目、更新了多少项目以及您的画布有多大。在某些时候，发送图片可能更有效。您还可以通过将图片切成碎片并仅发送更新的部分来优化它，但我想您必须自己解码获得的结果.toDataURL()。