多用户图像编辑



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

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

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

这是可能的吗?如果是的话,有人能给我指一个教程吗?

您已经知道如何进行非图像协作了吗?

在任何媒体上进行协作编辑的方式都是差不多的。

一种媒体和另一种媒体的主要区别在于更新的内容(DOM元素vs. paint事件)。你将遇到的另一件大事与媒介无关,但无论你是想使用AJAX还是WebSockets或其他什么——这更多的是关于你完成协作的方法的问题。

基本概念是(从用户的角度来看):

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

不是自吹自擂,但去年我写了一个协作的草稿纸/头脑风暴应用程序,叫做cortex,我在博客上写了每一个提交,以及我是如何想出如何进行实时协作的。我是在Rails中使用AJAX方法实现的,但是我用于实时协作的概念适用于大多数想要采用类似方法的应用程序。这篇文章包括一个模拟两个用户在同一页面上协作的视频,以及一个客户端的更新在另一个客户端的浏览器上显示的速度/频率。

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

最新更新