將畫布複製到畫布上

Question

將一個畫布（一臺機器）複製到另一個畫布（另一臺機器）的優化方式是什麼？

我知道下面的方法，但我認爲當畫布信息以非常短的時間間隔發送時，會產生性能問題。

canvas.toDataURL("image/png"); 

我聽說過發送座標信息。你們能給我們一些啓示嗎？或者如果有更好的方法，請幫助我。

Answer 1

我的建議是將繪製到畫布上的東西的單獨模型保存爲java腳本對象（爲繪製的每個矩形保留一個「rect對象」）。比每個這些「模型對象」具有版本屬性或更新標誌。保持「模型對象」和畫布同步，並在觸摸「模型對象」時更新版本或設置更新的標誌。在同步時，只傳送更新的「模型對象」。這基本上是人們談論更新「座標」時的意思。

當然，這取決於您繪製的物品數量，更新的數量以及您的畫布的大小。在某些時候，發送圖片可能更有效。你也可以通過將圖片分割成片並只發送更新的部分來優化，但我想你必須自己解碼從.toDataURL()得到的結果。