Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
面向多用户的Javascript/HTML图像编辑器_Javascript_Html_Canvas - Fatal编程技术网

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

面向多用户的Javascript/HTML图像编辑器,javascript,html,canvas,Javascript,Html,Canvas,想法很简单: 有一个像谷歌文档一样工作的图像编辑器: 你几乎可以立即看到人们的变化 我在互联网上做了一些研究,我想从一个基本的javascript图像编辑器开始。我在一个不是我的html5游戏上使用它(但它允许使用GreaseMonkey脚本) 现在,我做了一个按钮,显示并关闭一个包含谷歌文档的窗口:。 但它根本不是最好的图像编辑器^^ 我试图使用和理解我在谷歌上找到的一些代码,但它们似乎都不起作用。(用画布替换iframe)我甚至尝试删除拖动选项,认为它可能会影响画布,但不起作用 如果你有关于

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

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

现在,我做了一个按钮,显示并关闭一个包含谷歌文档的窗口:。 但它根本不是最好的图像编辑器^^

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

如果你有关于javascript图像编辑和html画布的好教程,我很乐意学习。 如果你知道为什么canvas不起作用,我很乐意了解它^^

谢谢^ ^

好了,首先:

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

acctualcanvas:这只是javascript。任何学校的辅导都可以。我做了一个小游戏(使用canvas和plainjs)。也许你可以用它作为快速参考(通过阅读,试着理解发生了什么):


这应该让你开始了。

我想我会找到解决这个问题的方法,你的小游戏帮助我使用canvas,我找到了很多有用的Webrct教程。我不喜欢W3schools,因为它不是大的例子(作为你的游戏)