HTML2canvas函数重新加载网页上的所有图像



当我运行html2canvas函数时,它工作正常,但它开始加载当前网页上的所有图像,这需要太多时间。正常吗?还是我做错了什么?这是代码。tag1Div 元素中只有 2 张图像,我正在将其转换为图像。但是由于服务器日志中的某种原因,当前网页上显示的几乎所有图像都会再次加载。

    function genTag1(){
        document.getElementById('loaderMsg').innerHTML='<img src="/assets/spinner.gif"> Generating Tag 1 Image...';
        html2canvas($('#tag1Div'), {
                    onrendered: function(canvas) {
                    }
                });
    }

好的,我刚刚通过在日志中记录html2canvas进程意识到,生成图像html2canvas克隆了整个文档。这就是再次重新加载所有资产和图像的原因。有什么办法可以避免这种情况吗?

好的。到目前为止,我可以阻止加载所有图像的唯一方法是在调用 html2canvas 函数之前"display:none"所有不需要的图像。

不过仍然希望有更好的解决方案。

最新更新