提高dom-to-image库的性能

Question

我使用dom- to -image库，以便将DOM导出为blob，我可以从中创建PDF文档。

问题是，函数大约需要25秒才能完成。

是否有任何已知的方法可以优化dom-to-image？

let map = document.getElementById('map');

domtoimage.toBlob(map).then(imageBlob => {
            ExportTools.exportService.getPDF(imageBlob, eventData);
        });

导出的图片很大，宽度几乎是1920px，并且有很多空白。

Answer 1

从我使用dom- to -image的经验来看，XHR请求应用字体需要花费很多时间。如果你使用的字体不是很重要，试试我从dom-to-image派生出来的版本，看看它是否适合你。我可以将加载时间从15-20秒减少到2秒。我导出的图像也大约是1500px宽。

尝试在您的项目中包含此派生版本：https://github.com/venkat4541/dom-to-image