html2Canvas 遇到的坑


功能:

     點擊下載按鈕 需要將某塊區域的html頁面生成截圖並保存到本地,

     其中可能會遇到 圖片跟文字 結合的網頁  ,這塊在開發的過程中 文字跟背景色都沒問題 ,但是如果是遇到漸變背景色或者是頁面中的圖片時候,就會展示不出來背景色以及圖片,百度一搜 說是圖片需要跨域 ,這塊目前解決了,有個地方需要注意下  默認的是 $("body"),如果直接寫需要下載的div的類名時候,是不起效的,需要在body后邊添加上類名 ,就起效了 ,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;
//解決圖片跨域的問題
console.log(self)
if (cors) {
self.image.crossOrigin = "";
}
self.image.src = src+"?"+new Date().getTime();
if (self.image.complete === true) {
resolve(self.image);
}
});
}

 

 

    

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM