[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-html2canvas-在-safari-中遇到錯誤0ms-starting-document-clone":3},{"id":4,"slug":5,"title":6,"description":7,"content":8,"date":9,"image":10,"imageAlt":6,"author":11,"categories":14,"path":17,"minRead":18},3772,"html2canvas-在-safari-中遇到錯誤0ms-starting-document-clone","html2canvas  在 safari 中遇到錯誤”0ms Starting document clone”","html2canvas 在 safari 中遇到錯誤\"0ms Starting document c […]","\u003Ch1>html2canvas  在 safari 中遇到錯誤"0ms Starting document clone"\u003C\u002Fh1>\n\u003Cp>記錄一下。\u003Cbr \u002F>\n如果使用 html2canvas 然後在 IOS 的 safari 上遇到卡住，經過查詢發現錯誤為 ""0ms Starting document clone..." 之類的訊息，應該是因為有圖片元素宣告了 lazy loading，將 lazy 移除或改為 eager 大概就能正常運作了。\u003C\u002Fp>\n\u003Cpre>\u003Ccode><img loading="eager" src:"xxx"\u002F>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>我遇到問題的環境為 Nuxt3 + html2canvas。\u003C\u002Fp>\n\u003Cp>這個問題應該是因為 html2canvas 在某些狀況下會因為圖片的 lazy 宣告，載入延遲而造成資料卡住，可能新一點的 html2canvas 版本會解決。但我是移除了 lazy 就正常了。\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fniklasvh\u002Fhtml2canvas\u002Fissues\u002F3053\" title=\"參考資料\">參考資料\u003C\u002Fa>\u003C\u002Fp>\n","2024-09-24T21:38:45","",{"name":12,"link":13},"Chih Fan","http:\u002F\u002Fpost.billxu.net",[15],{"name":16,"slug":16},"frontend","\u002Fblog\u002Fhtml2canvas-在-safari-中遇到錯誤0ms-starting-document-clone",1]