HTML Canvas并将数据保存在服务器上

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。