web draw

網頁繪製

一個小型即時線上協作繪圖程式。 https://draw.marbal.ca

Web Draw 是一款網路應用程序，可讓使用者在共享畫布上即時繪圖。目前還有些粗糙，但已經看到了一些改進。

它是如何運作的？

Web Draw 使用會話將使用者連接在一起。會話中的所有使用者都在同一畫布上工作。

每個會話都有一個唯一的會話 ID ，可以設定為任何值。如果未提供，則會產生隨機的 4 個字元會話 ID。只要新 ID 尚未被使用，會話的 ID 就可以隨時變更。

會話還可以選擇設定密碼，以便只有能夠提供密碼的使用者才能加入。會話的密碼可以隨時變更或刪除。

目前可用的工具

• 鋼筆工具

• 橡皮擦工具

• 洪水填充工具

• 顏色選擇器工具

• 矩形選取工具

• 直線工具

• 矩形工具

• 橢圓工具

它到底是如何運作的？

Web Draw 使用 WebSockets 作為「Web」部分，並使用 Web Canvas API 作為「Draw」部分。

WebSockets 伺服器使用 Node.js 的 ws 模組，並使用 msgpack-lite 與其客戶端對話 MessagePack。當使用者執行操作時，伺服器會收到通知，並在必要時通知所有其他會話成員。