html2canvas图片转pdf

以下是使用html2canvas将图片转为pdf的示例代码：

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

// 获取需要转换为pdf的dom元素
const dom = document.getElementById('pdfDom');

// 将dom元素转换为canvas
html2canvas(dom).then(canvas => {
  // 获取canvas宽高
  const contentWidth = canvas.width;
  const contentHeight = canvas.height;

  // 将canvas转换为图片
  const imgData = canvas.toDataURL('image/png');

  // 设置pdf尺寸
  const pdf = new jsPDF('p', 'mm', [contentWidth, contentHeight]);

  // 将图片添加到pdf
  pdf.addImage(imgData, 'PNG', 0, 0, contentWidth, contentHeight);

  // 保存pdf文件
  pdf.save('pdfName.pdf');
});

该代码使用了html2canvas和jsPDF两个库，其中html2canvas用于将dom元素转换为canvas，jsPDF用于将canvas转换为pdf并保存为文件。具体步骤如下：

1. 引入jsPDF和html2canvas库。
2. 获取需要转换为pdf的dom元素。
3. 将dom元素转换为canvas。
4. 获取canvas的宽高和图片数据。
5. 创建一个新的jsPDF实例，并设置pdf的尺寸。
6. 将图片添加到pdf中。
7. 保存pdf文件。