面向多用户的Javascript/HTML图像编辑器

Question

这个想法很简单:拥有一个像google文档一样工作的图像编辑器:你几乎可以立即看到人们的变化。

我在互联网上做了一些研究，我想从一个基本的javascript图像编辑器开始。我在一个不是我的html5游戏上使用这个(但它允许使用GreaseMonkey脚本)。

现在，我做了一个按钮来显示并关闭一个窗口，里面有一个google：就是这里。但它根本不是最好的图像编辑器^^

我试着使用和理解我在google上找到的一些代码，但它们似乎都不起作用。(用画布代替iframe )我甚至尝试删除拖动选项，认为它可能会影响画布，但不，它不起作用。

如果您有任何关于javascript图像版本和html画布的好教程，我很乐意了解它。如果你知道为什么画布不起作用，我很乐意了解^^

谢谢^^

Answer 1

好吧，首先：

多个人编辑同一个对象(本例中的图像)：您可能需要设置某种P2P流(最好的解决方案是使用Webrtc +数据通道，当然也可以使用websockets)。

Acctuall内容:那只是javascript。任何w3schools教程都应该这样做。我做了一个小游戏(使用画布和普通JS)。也许您可以使用快速参考(只需读一读，并试图了解发生了什么)：https://github.com/IvRRimum/agario-duel-webrtc

这应该能让你开始。