2011-08-27 48 views
5

所以我用node.js,socket.io和html5畫布構建了這個實時繪圖應用程序。跟蹤並廣播鼠標移動的每個像素(在其他計算機上顯示繪圖輸入)。如何將畫布狀態保存到數據庫?

我知道可以保存畫布的圖像,但此畫布非常大(10000x10000 +像素)。現在,當頁面刷新時,所有圖紙都消失了(因爲它只是通過套接字發送,沒有任何保存)。

我想保存所有的畫布數據到一個數據庫,然後以某種方式重寫它,當頁面再次加載,但它太簡單了。你會怎麼做呢?

回答

1

您可以跟蹤點擊和鼠標移動,使得畫布在通過套接字發送時可以以這種方式看起來,並模擬它們以重建圖像。

+0

這將是一個毫秒的鼠標筆畫的每個單個像素的數據庫條目。我不確定這是否可能。我需要一個更有效的方法。 – sdfadfaasd

+1

@Alley你不必每個毫秒都提交一個。您可以每隔幾秒鐘將它們寫入數據庫,也許,如果您不介意質量損失,則只需每隔幾個像素保留一個像素,並假定它們有連接它們的線(想想連接點)。 –

+0

嗯,你認爲這甚至可以在一個非常大的網格上工作嗎? – sdfadfaasd

相關問題