秋秋秋秋秋雨
2021-10-12 15:42
采纳率: 66.7%
浏览 75
已结题

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

一个非常简单的截屏

            //截取图片 返回图片信息给上一层
            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里存的是百度地图
其他的都可以截取,唯独这个轨迹截取不到

img

下面的是原图

img

接下来是截取之后的图片

img


唯独缺少那个轨迹线

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

相关推荐 更多相似问题