【问题标题】:Multi user HTML5 Canvas sketching with JS使用 JS 绘制多用户 HTML5 Canvas 草图
【发布时间】:2012-04-30 09:04:44
【问题描述】:

任何人都知道创建多用户 html5 草图 Web 应用程序的好教程/js 插件吗? 最好有跨浏览器兼容性,最好没有任何需要在服务器端安装的工具。

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

感谢您的建议。

PS。我看过Mr. Doob's,他使用node.js,不幸的是我的主机还不支持这个。因此,我要求一种不需要服务器端安装的解决方案。 multi user drawing pad by Union Platform 似乎也符合要求,但不幸的是,它还需要安装一些东西。

【问题讨论】:

  • 任何有多个用户的东西都需要后端的东西来将它们联系在一起。

标签: javascript html canvas


【解决方案1】:

如果您愿意为此应用程序转移到新的网络主机,您可以使用 Heroku。 Heroku 是免费的并且支持 Node.js。

我使用 WebSockets 和 Node.js 创建了一个多用户敏捷项目管理白板,发现与使用 HTTP 相比,每秒请求数增加了 624%。我在后端使用 MongoDB,它允许您将数据存储为序列化 JSON...这意味着您可以在客户端 服务器 数据库之间发送 JSON,而无需解析(非常快)。

希望这会有所帮助!

【讨论】:

    【解决方案2】:

    Doob 先生的实现使用 Node.js 的原因是因为 node 擅长这种事情。由于这将涉及向不同用户提供实时更改,因此最好的选择是使用 Comet/Ajax-Push/Longpolling。如果你想支持多窗口使用(多个浏览器标签都有你的画板),你需要实现 http 连接池来绕过浏览器根据 http 标准设置的连接限制。

    【讨论】:

      【解决方案3】:

      如果您无论如何都不能使用相当新的 websocket,那么我建议您使用某种 ajax 轮询。基本上使用基于延迟的ajax调用。

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-08-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多