HTML2Canvas 在 IOS 上给出空白图像

Question

我的代码做了什么：我有一张图片，在该图片的上方我有各种其他图片，其中很少是隐藏的，也很少显示（由运行时决定）。所以我使用 HTML2Canvas 将我的主 div 转换为图像，然后下载该图像。

问题：图像在笔记本电脑、台式机和安卓手机上完美下载，但图像在 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，以避免麻烦。