通过电线将画布复制到画布上

时间:2012-06-27 12:05:25

标签: jquery html5 node.js canvas

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

我知道以下方法,但我认为在非常短的时间间隔内发送画布信息时会产生性能问题。

canvas.toDataURL("image/png");

我听说过发送坐标信息。你们能对它们说些什么吗?或者如果有更好的方法,请帮助我。

1 个答案:

答案 0 :(得分:0)

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

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