时间戳

首页 > 解决方案 > 无法使用 html2canvas 截图谷歌地图

javascript - 无法使用 html2canvas 截图谷歌地图

问题描述

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

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

这是我当前的代码：

    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 并进行渲染时，我得到了一个屏幕截图，但谷歌地图是空白的。

标签： javascriptgoogle-maps

解决方案

通过->“useCORS”解决：真，

推荐阅读