reactjs - Html2Canvas 无法正确捕获谷歌地图元素

Question

当我尝试使用html2canvas捕获谷歌地图时遇到问题。这是我的地图：

捕获的屏幕截图：

这是我的代码：

const handleMapExportToPng = (e) => {
    const input = document.getElementById('map-canvas');

    html2canvas(input, {
        useCORS: true,
        allowTaint: false,
    }).then((canvas) => {
        const imgData = canvas.toDataURL('image/png');
        saveAs(imgData, 'map');
    });
};

但是如果我使用foreignObjectRendering: true结果变成这样：

任何帮助将不胜感激。提前致谢。

标签： reactjsgoogle-mapspngjpeghtml2canvas