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

Question

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

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

现在我做了一个按钮来显示和关闭一个带有谷歌文档的窗口：Here it is。 但它根本不是最好的图像编辑器^^

我尝试使用并理解我在谷歌上找到的一些代码，但它们似乎都不起作用。（用画布替换 iframe）我什至尝试删除拖动选项，认为它可能会影响画布但是不行，它不起作用。

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

谢谢^^

Answer 1

好吧，开始吧：

多人编辑同一个对象（本例中为图像）：您可能需要设置某种 P2P 流（最佳解决方案是使用 Webrtc + 数据通道或 当然 websockets）。

Acttuall 画布的东西：那只是 javascript。任何 w3schools 教程都应该这样做。我做了一个小游戏（使用画布和纯 JS）。也许您可以用作快速参考（只需仔细阅读并尝试了解发生了什么）：https://github.com/IvRRimum/agario-duel-webrtc

这应该让你开始。