【问题标题】:<Canvas> contents as data?<Canvas> 内容作为数据?
【发布时间】:2010-02-15 02:27:57
【问题描述】:

有没有办法将画布元素的内容保存为二进制等数据?我希望能够在需要时重绘这些数据。

不太清楚该怎么做..

非常感谢!!

【问题讨论】:

    标签: html canvas


    【解决方案1】:

    您应该能够将图像保存到一个变量中,如下所示: var imageVar = canvasObject.toDataURL();,然后调用canvasObject.drawImage(imageVar);再次恢复

    我还没有测试过,但规范说它应该可以工作。

    【讨论】:

    • 感谢 SphereCat1! toDataUrl() 有效,但我无法让 .drawImage 工作。不过,这让我朝着正确的方向前进。谢谢!
    【解决方案2】:

    我想您可以使用 AJAX 将包含 canvas 元素的任何元素的 innerHTML 发送回服务器,然后将其压缩到服务器端。

    但是,这对于创建基于数据的内容表示的替代方法来说效率非常低,并且只存储它而没有实际 HTML 标记的所有不必要的开销。

    【讨论】:

    • 它将返回在另一个 HTML 页面上再次创建图像所需的 HTML。如果您正在寻找 jpg 或其他内容...那就是其他内容。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-08-10
    • 2011-12-15
    • 2013-06-09
    • 1970-01-01
    • 2022-01-17
    • 2016-09-18
    • 1970-01-01
    相关资源
    最近更新 更多