html2canvas 截取 html 生成圖片空白問題

  1. 當(dāng)要截取內(nèi)容有向上 滾動的 內(nèi)容的時候, 滾動被覆蓋的內(nèi)容不會被繪制成圖片
    解決問題: 我選擇內(nèi)容弄成 兩份.wrap, .fiexd, .fiexd用固定定位 positon:fixed ;并且 z-index:-1 來隱藏,默認(rèn)隱藏,在繪制的時候 的時候時候顯示,繪制完成 繼續(xù)隱藏.
    還有一個問題就是 如果 用fiexd 那么 文檔的高度必須 被撐開 和 固定定位的高度要高,不然超過的高度 內(nèi)容就是 空白.... 可以想辦法把 視口高度撐開.
  <div class="wrap">
 </div>
  <div class="fiexd" v-show="isGetBase64" ref="upLoadImg">
 </div>

 .fiexd {
    top: 0;
    position: fixed;
    z-index: -1;
    background: #fff;
    padding: 36px;
}

2 .iOS 原生從相冊選擇的圖片渲染空白的問題

截取的圖片的地址可能被 html2canvas 不識別,然后會返回一個 錯誤的base64編碼地址,把
WeChat92eaeca4cbe1aa60b176c4b6ccb88da0.png

會調(diào)用

var o = e("./utils").smallImage;
 f.smallImage = function () {
        return "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
      }

通過這個方法 就把不識別的地址換成了這個固定的 base64 然后繪制的圖片就會是空白

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容