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。当用户执行操作时，服务器会收到通知，并在必要时通知所有其他会话成员。