【问题标题】:canvas toDataURL with background image带有背景图像的画布 toDataURL
【发布时间】:2014-05-22 16:30:59
【问题描述】:

我有一个画布元素,我想让用户下载为图像。我已经设法下载了 SVG,但是我想知道是否有任何方法可以包含要下载的画布 css 背景图像?

编辑:

我意识到我真正在寻找的是来自http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/ 的以下解决方法;

toDataURL() 方法要求在画布上绘制的任何图像都托管在与执行它的代码具有相同域的 Web 服务器上。如果不满足此条件,则抛出 SECURITY_ERR 异常。

【问题讨论】:

    标签: canvas html5-canvas


    【解决方案1】:

    您应该获取画布背景图像的完整 URL 并将其绘制在新的画布上,然后使用第一个画布作为 drawImage 的参数将其内容绘制到第二个画布上

    【讨论】:

    • 我会试一试的。我之前尝试过类似的东西,而我混合来源的事实意味着画布不再能够在本地保存。
    • 这仍然是个问题,如果背景图像不在同一个域上...您仍然可以将其绘制到画布上,但您将无法使用toDataURL()就在上面
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-05-30
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-06
    相关资源
    最近更新 更多