多用户图像编辑

Question

我是HTML5的新手，想知道这是否可行。

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

它不一定非常复杂，有很多不同的工具，只是基本的东西。我只想一次又一次地改变图像。

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

Answer 1

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

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

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

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

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

不要吹我自己的号角，但去年我写了一个名为cortex的合作草稿纸/头脑风暴应用程序，我blogged about each commit and how I figured out how to do the realtime collaboration。我使用AJAX方法在Rails中完成了它，但我用于实时协作的概念适用于大多数想要采用类似方法的应用程序。 This post包含一个模拟两个用户在同一页面上进行协作的视频，以及在另一个客户端浏览器上显示来自一个客户端的更新的频率/频率。

皮质不是世界上最漂亮或最先进的东西，但我认为这是一个很好的介绍应用程序，以减少概念。它甚至可能不是最好的设计（这是我的第一个协作应用程序），但我几乎每天都使用它，它似乎运作良好。