HTML2Canvas 在 IOS 上給出空白圖像

Question

我的代碼做了什么：我有一個圖像，在該圖像的上方我有各種其他圖像，其中很少是隱藏的，並且很少顯示（它是在運行時決定的）。 所以我使用 HTML2Canvas 將我的主 div 轉換為圖像，然后下載該圖像。

問題：圖像在筆記本電腦、台式機和 android 手機上完美下載，但 IOS 上的圖像為空白。

測試鏈接： http://testing.mabdurrehman.com/ -> 您可以點擊要放置在背心上的項目，保存背心，查看背心，然后嘗試在 IOS 上下載。

JS代碼：

 <script>
    var img;
    html2canvas($('#vests-section'), 
    {
        onrendered: function(canvas) 
        {
            img = canvas.toDataURL();
        }
    });

    function download_img(el) {
        el.href = img;
    }

任何幫助將不勝感激。

讓我知道是否還有其他好的邏輯！

謝謝：）

Answer 1

如果目標最終是打印圖像，那么我建議查看服務器端 html 到圖像/pdf 渲染/生成解決方案，例如mpdf ，以避免麻煩。