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 ，以避免麻烦。