html2canvas截取不到高德地图或为空白

不加糖的沙

于 2023-02-28 15:41:53 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：开发总结异常 jsp 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/LOVE320722/article/details/129263167

开发总结异常同时被 2 个专栏收录

12 篇文章

订阅专栏

jsp

3 篇文章

订阅专栏

在微信环境中打开的H5页面，当用户授权后，通过html2canvas.js进行截图时遇到高德地图定位截取不到的问题。文章提出了解决方案，即修改html2canvas.js中的crossOrigin属性设置为，并添加时间戳防止缓存，以确保图片加载完成后再执行resolve。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：微信环境中打开H5页面，用户授权后截取高德地图的定位，截取不到
解决方式：在html2canvas.js中做修改
在这里插入图片描述

function ImageContainer(src, cors) {
        this.src = src;
        this.image = new Image();
        var self = this;
        this.tainted = null;
        this.promise = new Promise(function(resolve, reject) {
            self.image.onload = resolve;
            self.image.onerror = reject;
            if (cors) {
                //self.image.crossOrigin = "anonymous";
               self.image.crossOrigin = "";//修改为“”

            }
           // self.image.src = src;
            self.image.src = src+"?"+new Date().getTime();//加入随机字符
            if (self.image.complete === true) {
                resolve(self.image);
            }
        });
    }