html2canvas 使用總結

一些網上說的問題這裏就不在說了，不支持一些熟悉，flex的-web-box不好使，還有就是box-shadow 也是，

我遇到的問題是如果說截圖之後需要對圖片進行加水印效果的話，如果說頁面中間添加水印有可能就無法看到，在反覆的測試後找到問題所在，如果說頁面滾動到底部這個時候水印添加的時候的0點位置並不是大家認爲的頁面的左上角而是當前窗口的左上角，導致水印無法在頁面上顯示，知道原因後解決就很簡單了只需要把滾動的高度獲取到然後做減法就可以解決。

另外就是ios13系統版本下html2canvas 有bug，promise沒有返回值，既沒有resolve也沒有reject，導致沒有反應。選擇回退到r4解決。

html2canvas 在支持的屬性中在ios中其實還有許多的問題，包括僞類的支持不是很好，使用僞類實現的1px在展示上有問題。

還有一個比較坑的地方，如果你頁面裏面有彈窗有動畫，動畫如果是使用transform實現的，那就坑了，html2canvas文檔上寫的是支持部分但是也不清楚哪裏不支持，截圖展示的不正確，沒找到方案，如果該設計方案感覺也很坑

最近發現rc4上safari下回報錯：“RangeError: Maximum call stack size exceeded.”，應該是css背景圖導致的，說是解決這個問題，但是還確實有這個錯誤雖然很少量,主要是在手機safari下，在微信裏面就沒有問題。這個很奇怪。