如何实时将图纸复制到其他用户?

时间:2013-09-10 12:16:32

标签: javascript

是否可以在JavaScript中制作绘图程序,以便我和我的朋友同时绘制相同的图片?如何将图片从www-site画布移动到我的朋友www-browser?

2 个答案:

答案 0 :(得分:2)

我认为你可以用http://socket.io/做到这一点 网上有一些很好的教程,我认为stackoverflow上还有一个帖子。根据我的理解,您必须创建一个绘图应用程序,将用户的交互发送到服务器。或者您可以将画布保存为data-url图像,然后将其发送到服务器,但速度会慢一些

答案 1 :(得分:1)

基本前提:

绘图:创建或查找允许您在画布上绘图的脚本。

保存: canvas元素具有导出选项,允许将“图片”导出到例如base 64编码的png。然后,您可以将其发送到服务器进行存储。

正在检索:回想一下已保存的图片(使用适合您的方法),然后将其重新显示回浏览器。

查看HTMLCanvasElement,特别是toDataUrl,以获取可以传递给服务器的值,然后分配给其他客户端的<img src="..."/>

这是使用较旧的绘图工具和事件的运行开始,但可以轻松移植到AJAX调用:http://jsfiddle.net/tL4Rr/2/