【问题标题】:unable to screenshot google maps using html2canvas无法使用 html2canvas 截图谷歌地图
【发布时间】:2021-07-27 23:51:13
【问题描述】:

我正在使用以下代码,我想在按下它时创建一个按钮,它会截取谷歌地图的屏幕截图并将其下载为图像。

当前按下按钮时什么都没有发生。

这是我当前的代码:

    function scrshot() {
     html2canvas(document.getElementById("map"), {
       useCORS: true,
       onrendered: function(canvas) {
            var a = document.createElement('a');
            a.href = canvas.toDataURL("image/png");
            a.download = 'portal_scrshot.png';
            a.click();
            //window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
       }
        });
    }

当我删除 useCORS 并进行渲染时,我得到了一个屏幕截图,但谷歌地图是空白的。

【问题讨论】:

  • 为什么将Javascript代码放在sn-p的HTML部分?无论如何,您提供的不是minimal reproducible example。还有很多类似的问题已经回答过了。你看过他们中的任何一个吗?
  • 把它放在那里只是为了测试。是的,我看过多个类似的问题。
  • 对。只是为了测试。但如果它不可运行,我们就无法对其进行测试。您没有提及您发现并尝试了哪些问题(和答案),哪些不起作用以及原因。有多种可行的解决方案。试一试,如果仍有问题,请提供minimal reproducible example 以便重现问题。

标签: javascript google-maps


【解决方案1】:

解决了 -> "useCORS": true,

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-02-27
    • 1970-01-01
    • 1970-01-01
    • 2022-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多