我正在嘗試開發一個網站,您可以在該網站上塗鴉元素並希望將其分享給使用ajax查看網頁的所有人。微型版的白板。我知道從哪裏開始。我具備HTML,CSS,Javascript代碼(jQuery的)和PHP體面的理解。我有一個起始麻煩。不知道使用什麼技術和方法。允許在div上使用Javascript和HTML將其同步到很多5
0
A
回答
1
您應該創建一個HTML5畫布元素,並將其位置的元素之上。在畫布上,你可以實現一個簡單的塗鴉功能(如一個here)。
如果要將塗鴉同步到服務器,可以使用畫布的toDataURL
method將圖像數據使用ajax發佈到服務器。
在服務器上,您可以decode the base64 encoded dataurl和圖像分發作爲一個普通的圖像到其他觀衆。
0
試圖實現用帆布單用戶wihteboard。這是一種在網站上繪製東西的方法,不僅限於矢量圖形。
如果您已完成此嘗試通過ajax與中央服務器通信並上傳畫布的數據。那麼它可能是你想你的新的內容分發到作爲amany其他客戶端。如果他們修改它,重新上傳新的數據。
作爲帆布的替代品,您可能想嘗試一種svg方法。這可能會帶來一些好處,因爲您將不得不通過互聯網發送的數據較小,但即使總是如此...
相關問題
- 1. 允許<tr/>在div內允許使用javascript將dom附加到表格
- 2. 允許用戶上傳javascript/html/css
- 3. 在HTML中,我不想使用很多DIV,其他行爲相同的標籤?
- 4. PHP到HTML 5使用Javascript
- 5. 允許使用Javascript
- 6. HTML 5視頻ogg和mpg是否允許鏈接到網站?
- 7. HTML允許同名文件上傳
- 8. Android:停止與Gmail同步,允許所有其他應用同步
- 9. 使用HTML和javascript在許多HTML頁面上顯示個人資料圖片
- 10. HTML 5和JavaScript
- 11. HTML 5和Javascript拖放在IE上
- 12. 不允許使用Javascript
- 13. 多步選擇框在HTML和Javascript
- 14. Bootstrap:允許圖像在DIV上延伸?
- 15. 允許在文本框中使用HTML
- 16. 許多到很多領域
- 17. 許多到很多NHibernate
- 18. 許多到很多crud
- 19. JavaScript的HTML上5
- 20. 它是否允許在新的布爾值(true)上同步
- 21. 如何允許使用html5在多個div中拖放
- 22. 使用html和javascript將圖像上載到html頁面
- 23. 燈箱在html 5和javascript
- 24. 如何僅允許使用JavaScript的「數字」,「 - 」和「()」使用JavaScript
- 25. HTML 5拖放和使用javascript
- 26. 許多使用MVC 5 MVC 5 EF6
- 27. 允許的在JavaScript
- 28. 在多個div ID上使用javascript
- 29. 剪一個div和html裏面,並將其粘貼到與jquery不同的div
- 30. 使用javascript將多個圖像附加到div上