html2canvas无法截取百度地图覆盖物

Question

一个非常简单的截屏

            //截取图片 返回图片信息给上一层
            callbackdata = function () {
                html2canvas(document.querySelector('#mainView'),{
                    useCORS:true,
                    foreignObjectRendering: true,
                    allowTaint: false,
                    taintTest: true,
                    scale: 1                      //比例，越大分辨率越高，图片越小
                }).then(function (canvas) {
                    let url = canvas.toDataURL("image/jpg"); //得到图片的base64编码数据
                    let a = document.createElement("a"); // 生成一个a元素
                    let event = new MouseEvent("click"); // 创建一个单击事件
                    a.download = name || "photo"; // 设置图片名称
                    a.href = url; // 将生成的URL设置为a.href属性
                    a.dispatchEvent(event); // 触发a的单击事件
                })

                return 123;
            }

截取的是div

                <div class="layui-col-md9" id="mainView" style="width: 100%;">
                    <div class="layui-card" style="padding: 5px;">
                        <div id="map_Main" class="mapDiv">
                        </div>
                    </div>
                </div>

div里存的是百度地图
其他的都可以截取，唯独这个轨迹截取不到

下面的是原图

接下来是截取之后的图片

唯独缺少那个轨迹线

Answer 1

自己已解决