html2canvas批量

html2canvas是一个JavaScript库，可以将网页中的DOM元素转换为Canvas，并生成对应的图像。它可以用于实现将网页内容截图、生成PDF等功能。下面是使用html2canvas批量生成多个DOM元素的截图的示例代码：

// 引入html2canvas库
import html2canvas from 'html2canvas';

// 获取需要截图的DOM元素列表
const elements = document.querySelectorAll('.element');

// 创建一个Promise数组，用于存储每个DOM元素的截图Promise
const promises = Array.from(elements).map((element) => {
  return html2canvas(element);
});

// 使用Promise.all等待所有截图Promise完成
Promise.all(promises)
  .then((screenshots) => {
    // screenshots是一个包含所有截图的数组
    // 可以在这里进行后续操作，比如将截图保存为图片或生成PDF等
  })
  .catch((error) => {
    // 处理错误
  });

上述代码中，首先通过`document.querySelectorAll('.element')`获取需要截图的DOM元素列表，然后使用`Array.from(elements).map((element) => { return html2canvas(element); })`创建一个Promise数组，每个Promise都是对应DOM元素的截图Promise。最后使用`Promise.all(promises)`等待所有截图Promise完成，并在`.then()`回调函数中获取到所有截图的结果。

请注意，上述代码中的`.element`是一个示例选择器，你需要根据实际情况修改为你想要截图的DOM元素的选择器。