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

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条回答 默认 最新

  • 秋秋秋秋秋雨 2021-10-22 14:14
    关注

    自己已解决

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 10月30日
  • 已采纳回答 10月22日
  • 创建了问题 10月12日

悬赏问题

  • ¥17 pro*C预编译“闪回查询”报错SCN不能识别
  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?