【问题标题】:Javascript copy canvas state as imageJavascript将画布状态复制为图像
【发布时间】:2011-06-29 01:25:57
【问题描述】:

看到一个不错的图表插件我想用:

http://www.jqplot.com/tests/stackedTests.php

但对于我的访问者来说,他们可能希望将其保存为图像(通过右键单击、复制为图像菜单项)或显示另存为图像或类似内容的按钮。

那么是否可以将任何给定状态的画布保存为图像文件?

【问题讨论】:

标签: image html canvas


【解决方案1】:

我认为toDataURL 可以帮助你:)

【讨论】:

  • 获得数据 url 后,您可以将 DOM 中的图像对象的来源设置为数据 url,然后它将填充用户可以右键单击并保存的图像。
  • 太糟糕了,Microsoft Word 不喜欢粘贴数据 URL 图像(根本没有粘贴任何内容)。需要先将图像粘贴到 Paint 等应用程序中,然后从那里复制。
【解决方案2】:

如果你愿意使用预制库,可以尝试使用Canvas2Image

否则有一些 Canvas 方法被 Canvas2Image 包装并在上面的站点中更详细地解释,即 Canvas 对象中的 toDataURL 方法,它返回以您需要的图像格式编码的数据库 base64。我认为这不是 100% 跨浏览器,但它是获取它的“正确”方式。

【讨论】:

    猜你喜欢
    • 2017-05-13
    • 1970-01-01
    • 2013-04-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-25
    • 1970-01-01
    相关资源
    最近更新 更多