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