這里只提供解決思路，代碼就不粘貼出來了

圖片顯示不出來
就像大多數人說的一樣，HTML中的圖片產生了跨域，可以將網絡圖片轉為base64后修改img 的src屬性值，添加圖片允許跨域的屬性。調用html2canvas的API時，將跨域參數設置為true，允許跨域。

圖片生成顯示不全，只有半截或者空白
在有滾動的頁面，產生了滾動條后，生成的圖片可能會只有一半或者空白。答案只有一個，那就是要把html2canvas的配置項參數中，scrollx，scrolly都設置為0，問題就解決了。

html2canvas(dom, {backgroundColor: "#ffffff",allowTaint: true, //開啟跨域useCORS: true,height: height,width: width,scrollY: 0,scrollX: 0, })

部分文字顯示不出來
在要生產圖片的HTML中，比如海報圖，有一大段說明文字，剛好你又用了CSS設置了顯示多少行，然后打省略號這種類型的css樣式，那么恭喜你，問題找到了，html2canvas不支持，把這些代碼通通delete掉。如果你要實現這種效果，只能用其他的方法，比如js截取掉后拼接上…，要么就寫高度然后超出隱藏。

總結

以上是生活随笔為你收集整理的html2canvas （踩坑） 网络图片显示不出来生成图片只有一半或者空白文字显示不出来问题处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。