1

我有一个我想做的程序的概念。我想制作某种绘图程序,允许您在页面上绘制线条,保存它,然后当另一个用户查看同一页面时,他可以看到第一个用户制作的绘图并对其进行编辑。这将全部在线,大概使用 HTML5 画布。

我想我可以把绘图部分弄清楚:当用户的鼠标被点击时,程序基本上会填充一系列跟踪鼠标移动的圆圈。但是,我很难弄清楚如何保留这些图纸。我现在能想到的最好的解决方案是拍摄图纸的“快照”并以某种格式保存,但随着图纸变大,这意味着有一个巨大的文件被保存并从服务器发送到客户端,这听起来远非理想。

有人可以提供有关如何以有效方式持久保存这些图纸的建议吗?

4

1 回答 1

0

HTML5 像素数据可以轻松导出和导入为 PNG 图像。像素数据大小仅取决于尺寸,而不是应用了多少绘图命令,因为它是基于位图缓冲区的,而不是基于矢量的。

使用 toDataURL() 导出:

将 HTML Canvas 捕获为 gif/jpg/png/pdf?

将数据保存到服务器。

只需将现有图像加载为并在using<img>上绘制图像即可导入现有图像。<canvas>drawImage()

于 2012-11-17T13:12:00.613 回答