使用JS的多用户HTML5 Canvas草图

Question

任何人都知道一个很好的教程/ js插件来创建一个多用户html5草图Web应用程序？ 拥有跨浏览器兼容性会更好，最好没有任何需要在服务器端安装的工具。

如果后者不可能，我也很高兴如果应用程序只保存用户x的草图，以便下次有人加载应用程序时，它会在启动时显示用户x的草图。

感谢您的建议。

PS。我查看了Mr. Doob's，他使用了node.js，遗憾的是我的托管尚不支持。因此，我要求一个不需要服务器端安装的解决方案。此外multi user drawing pad by Union Platform似乎符合要求，但不幸的是它还需要安装一些东西。

Answer 1

如果您愿意转移到此应用程序的新Web主机，您可以使用Heroku。 Heroku是免费的，支持Node.js.

我使用WebSockets和Node.js创建了一个多用户敏捷项目管理白板，发现每秒请求数比使用HTTP增加了624％。我在后端使用MongoDB，它允许您将数据存储为序列化JSON ...这意味着您可以在客户端＆lt; - ＆gt;之间发送JSON。服务器＆lt; - ＆gt;数据库没有解析（非常快）。

希望这有帮助！

Answer 2

如果你不能使用相当新的websockets，那么我建议使用某种类型的ajax轮询。基本上使用基于延迟的ajax调用。

这篇维基百科文章展示了您应该进一步阅读的各种选项。

http://en.wikipedia.org/wiki/Comet_%28programming%29

Answer 3

Doob先生的实现使用Node.js的原因是因为节点在这类事情上非常出色。由于这将涉及向不同用户提供实时更改，因此最好的选择是使用Comet / Ajax-Push / Longpolling。如果您想支持多窗口使用（带有草图板的多个浏览器选项卡），您需要实现http连接池以绕过浏览器根据http标准设置的连接限制。