2011-07-17 20 views
0

我正在嘗試開發一個網站,您可以在該網站上塗鴉元素並希望將其分享給使用ajax查看網頁的所有人。微型版的白板。我知道從哪裏開始。我具備HTML,CSS,Javascript代碼(jQuery的)和PHP體面的理解。我有一個起始麻煩。不知道使用什麼技術和方法。允許在div上使用Javascript和HTML將其同步到很多5

回答

1

您應該創建一個HTML5畫布元素,並將其位置的元素之上。在畫布上,你可以實現一個簡單的塗鴉功能(如一個here)。

如果要將塗鴉同步到服務器,可以使用畫布的toDataURLmethod將圖像數據使用ajax發佈到服務器。

在服務器上,您可以decode the base64 encoded dataurl和圖像分發作爲一個普通的圖像到其他觀衆。

0

試圖實現用帆布單用戶wihteboard。這是一種在網站上繪製東西的方法,不僅限於矢量圖形。

如果您已完成此嘗試通過ajax與中央服務器通信並上傳畫布的數據。那麼它可能是你想你的新的內容分發到作爲amany其他客戶端。如果他們修改它,重新上傳新的數據。

作爲帆布的替代品,您可能想嘗試一種svg方法。這可能會帶來一些好處,因爲您將不得不通過互聯網發送的數據較小,但即使總是如此...