html2canvas解决跨域获取图片

在html2canvas源码中改了几段小代码终于把问题给解决了。
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";//1.去掉此处的anonymous代码改为空
self.image.crossOrigin = "";
}
//self.image.src = src;//2.在源src后面添加一个随机数如时间戳+"?"+new Date().getTime();
self.image.src = src+"?"+new Date().getTime();
if (self.image.complete === true) {
resolve(self.image);
}
});
}

通过以上改造尼玛居然把问题给解决了，很奇怪，上面的代码改造过程缺一不可，还有个关键设置，
就是在调用时
html2canvas($("body"),{onrendered:function(canvas){
//
},useCORS:true});
//这个地方只需要将useCORS设置成true，千万不要加allowTaint:true这两个不要同时加，我当时在看官网文档的时候，看到这两个参数都是解决跨域的，后来就两个都加上去了，发现两个加上去就会有问题，具体你可以查看源码，这里我就不做过多解释了

通过上边修改可以实现百度地图导出为图片，已通过测试

转载：https://zhidao.baidu.com/question/1993592016247472467.html

调用：

//     html2canvas(
//         mapdiv,
//         {
//             "logging": true, //Enable log (use Web Console for get Errors and Warnings)
//             "onrendered": function(canvas) {
//                 canvas.id = "mycanvas";
//                 // 创建img对象
//                 var img = document.createElement("img");
//                 img.crossOrigin = "anonymous";
//                 var url = canvas.toDataURL();
//                 img.src =  url;
//                 Canvas2Image.saveAsImage(canvas);
//             },useCORS:true
//         });