代码之家  ›  专栏  ›  技术社区  ›  Stevan Tosic

提高dom到image lib的性能

  •  0
  • Stevan Tosic  · 技术社区  · 6 年前

    我使用dom对lib进行图像处理,以便将dom导出到blob,并从中创建PDF文档。

    问题是需要大约25秒才能完成功能。

    有什么已知的方法可以优化dom到image吗?

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

    一张导出的图片的宽度大约是1920像素,并且有很多空白。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Venkat    6 年前

    从我对dom到image的经验来看,xhr请求应用字体需要花费大量时间。如果你使用的字体不是很重要,试试我的分叉版本的dom-to-image,看看它是否适合你。我可以把装货时间从15-20秒缩短到2秒。我输出的图像也有1500像素宽。

    尝试在项目中包含此分叉版本: https://github.com/venkat4541/dom-to-image