2

是否可以在 JavaScript 中制作一个绘图程序,以便我和我的朋友同时绘制同一张图片?如何将图片从 www 站点画布移动到我的朋友 www 浏览器?

4

2 回答 2

2

我认为您可以使用http://socket.io/来完成 。网络上有一些很好的教程,我认为 stackoverflow 上也有一个线程。据我了解,您必须创建一个绘图应用程序,将用户的交互发送到服务器。或者您可以将画布保存为 data-url 图像,然后将其发送到服务器,但这会更慢

于 2013-09-10T12:21:30.137 回答
1

基本前提:

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

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

检索:调用保存的图像(使用适合您的任何方法),然后将其重新显示回浏览器。

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

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

于 2013-09-10T12:21:01.100 回答