HTML2Canvas 在 IOS 上提供空白图像

Question

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

问题： 图像在笔记本电脑、台式机和 android 手机上完美下载，但图像在 IOS.

上为空白

测试 link: 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 到 image/pdf rendering/generating 解决方案，例如 mpdf，以避免麻烦。

HTML2Canvas 在 IOS 上提供空白图像

HTML2Canvas giving blank images on IOS

html

javascript

canvas

image

html2canvas