【问题标题】:HTML Canvas and saving the data on the serverHTML Canvas 并将数据保存在服务器上
【发布时间】:2010-05-23 00:21:22
【问题描述】:

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

【问题讨论】:

    标签: html canvas


    【解决方案1】:

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

    哪种格式是最好的选择?

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

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

    什么HTML?画布上的绘图不会暴露在 DOM 中。这就是为什么画布(目前)在可访问性方面很糟糕(与 SVG 不同)。

    当我想要制作一个自定义格式时会发生什么情况 存储在服务器上并在加载时解析回html画布?

    我会将它作为 JSON 传输,然后用 JS 循环遍历数据集以重绘它。

    【讨论】:

      【解决方案2】:

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

      【讨论】:

        【解决方案3】:

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

        This demo 展示了如何在本地保存 - 不过,至少对我而言,Save PNG(等)在 Firefox 中有效,但在 Chrome 中无效。

        【讨论】:

          猜你喜欢
          • 2012-06-03
          • 2017-09-04
          • 2013-09-09
          相关资源
          最近更新 更多