【发布时间】:2010-05-23 00:21:22
【问题描述】:
假设我编写了一个在浏览器中绘制圆圈的简单应用。现在我想让人们保存他们的照片。我将如何将数据存储在服务器上?哪种格式是最好的选择?我应该简单地存储相关的html吗?当我想要制作一个存储在服务器上并在加载时解析回 html 画布的自定义格式时会发生什么情况?
【问题讨论】:
假设我编写了一个在浏览器中绘制圆圈的简单应用。现在我想让人们保存他们的照片。我将如何将数据存储在服务器上?哪种格式是最好的选择?我应该简单地存储相关的html吗?当我想要制作一个存储在服务器上并在加载时解析回 html 画布的自定义格式时会发生什么情况?
【问题讨论】:
如何将数据存储在服务器上?
哪种格式是最好的选择?
由于它们只是圆形,您可能只需要起始坐标、大小、线条粗细和颜色。听起来很容易用 SQL 存储。
我应该简单地存储相关的html吗?
什么HTML?画布上的绘图不会暴露在 DOM 中。这就是为什么画布(目前)在可访问性方面很糟糕(与 SVG 不同)。
当我想要制作一个自定义格式时会发生什么情况 存储在服务器上并在加载时解析回html画布?
我会将它作为 JSON 传输,然后用 JS 循环遍历数据集以重绘它。
【讨论】:
canvas.toDataURL 应该允许你做这样的事情。查看canvaspaint.org的源代码,了解如何在本地计算机和服务器上保存。
【讨论】:
这可能会有所帮助:Save a <canvas> as a file in a form。
This demo 展示了如何在本地保存 - 不过,至少对我而言,Save PNG(等)在 Firefox 中有效,但在 Chrome 中无效。
【讨论】: