将网页中一个id为pdf的div的内容转换为 Canvas 对象，并转换为base64

可以使用html2canvas和canvas-to-base64这两个库来实现。具体步骤如下：

1. 引入html2canvas和canvas-to-base64库

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/canvas-to-blob/2.0.0/canvas-to-blob.min.js"></script>

2. 获取pdf div元素

const pdfDiv = document.getElementById('pdf');

3. 使用html2canvas将div转换为Canvas对象

html2canvas(pdfDiv).then(canvas => {
  // 在此处进行后续操作
});

4. 将Canvas对象转换为base64字符串

const base64String = canvas.toDataURL('image/png').split(',')[1];

完整代码：

const pdfDiv = document.getElementById('pdf');
html2canvas(pdfDiv).then(canvas => {
  const base64String = canvas.toDataURL('image/png').split(',')[1];
  console.log(base64String);
});