modern-screenshot: 一个比html2canvas 性能更好的网页截屏工具

在低代码平台等设计工具中，生成缩略图是非常基础的功能，最开始我们使用的是 html2canvas 工具，但是带来的问题是这个工具非常吃性能，生成缩略图时间动辄6s以上，后来发现 modern-screenshot 这个工具性能会好一些，但是遇到一些复杂的 dom 结构时，也非常吃内存和性能。

一、安装 modern-screenshot

pnpm i modern-screenshot

二、使用

import { domToDataUrl } from 'modern-screenshot' // modern-screenshot 中有很多 api，用于生成不同的结果文件// 生成 base64 缩略图文件
async function getDesignImgData() {const dom = document.querySelector('#design')if (dom) {const base64 = await domToDataUrl(dom)return base64}
}