HTML画布和保存在服务器上的数据

Question

说我写了一个简单的应用程序，在浏览器中绘制圆圈。现在我想让人们保存他们的照片。我将如何将数据存储在服务器上？哪种格式是最好的选择？我应该只存储相关的HTML吗？当我想要制作存储在服务器上的自定义格式并在加载时解析回HTML画布时，会出现什么情况？

Answer 1

如何将数据存储在服务器上？

哪种格式是最好的选择？

由于它们只是圆形，所以您可能只需要开始坐标，大小，线条粗细和颜色。听起来很容易用SQL存储。

我应该简单地存储相关的html吗？

什么是HTML？画布上的绘画不会暴露在DOM中。这就是为什么canvas（当前）对可访问性（与SVG不同）的原因。

会是什么情况时，我会想使存储在服务器上 和加载时解析回HTML画布自定义格式？

我将它作为JSON传输，然后用JS重复绘制数据集。

Answer 2

canvas.toDataURL应该允许你做这样的事情。查看canvaspaint.org的源代码，了解如何在本地计算机和服务器上保存。

Answer 3

这可能有所帮助：Save a <canvas> as a file in a form。

This demo显示了如何保存本地 - 尽管如此，至少对于我来说，保存PNG（等）工作在Firefox但不是Chrome。