html - 多用户图像编辑

Question

我对 HTML5 很陌生，想知道这是否可能。

我希望能够创建一个画布，我可以在其中加载图像，然后在其上绘制以供其他人查看，并允许他们也对其进行更改。

它不必非常复杂，有很多不同的工具，只是基本的东西。我只是希望能够时不时地更改图像。

这可能吗，如果是这样，有人可以向我指出某种教程吗？

Answer 1

您是否已经知道如何进行非图像协作？

您对任何媒体进行协作编辑的方式几乎相同。

一种媒体和另一种媒体的主要区别在于更新的内容（DOM 元素与绘制事件）。您将遇到的另一件大事与媒介无关，但是您是否想使用 AJAX 或 WebSockets 或您有什么 - 这是一个更多关于您完成协作的方法的问题。

基本概念是（从用户的角度来看）：

• 提交我自己的更改
• 通过 AJAX 定期检查是否有其他人进行了更改，或者使用 WebSockets/长轮询来立即通知其他人的更改
• 使用其他用户的更改更新每个人的视图
• 如果两个更改不兼容，如果这适用于您的问题，请找出解决冲突的方法
• 为用户提供一些“撤消”事物的方法

不要吹我自己的号角，但去年我写了一个名为cortex的协作草稿纸/头脑风暴应用程序，我在博客上写了每个提交以及我如何弄清楚如何进行实时协作。我在 Rails 中使用 AJAX 方法完成了它，但我用于实时协作的概念适用于大多数想要采用类似方法的应用程序。这篇文章包括一个模拟两个用户在同一页面上协作的视频，以及来自一个客户端的更新多久/多久显示在另一个客户端浏览器上。

cortex 不是世界上最漂亮或最先进的东西，但我认为它是一个很好的入门应用程序，可以让你了解这些概念。它甚至可能不是最好的设计（这是我的第一个协作应用程序），但我几乎每天都在使用它，而且它似乎运行得很好。