：为什么使用html2canvas.js导出的PDF无法选中文字？

使用html2canvas + jsPDF方案导出的PDF实际上是图像，而不是文本，因此无法选中文字。

你的导出流程本质上是截图并放入PDF，不是真正的文本转换。

想要支持选中文字，可以参考以下方案：

使用浏览器打印：

以下代码执行printToPdf()后会弹出浏览器打印界面，点保存按钮即可。

function printToPdf() {
  const element = document.getElementById('html2pdf_id');
  const originalStyles = element.getAttribute('style');
  
  // 临时应用打印样式
  element.style.width = '100%';
  element.style.margin = '0';
  element.style.padding = '20px';
  
  // 隐藏不需要打印的元素
  const noPrintElements = element.querySelectorAll('.no-export, button, .actions');
  noPrintElements.forEach(el => {
    el.style.display = 'none';
  });
  
  // 触发浏览器打印
  window.print();
  
  // 恢复样式
  element.setAttribute('style', originalStyles || '');
  noPrintElements.forEach(el => {
    el.style.display = '';
  });
}


// 添加打印样式到页面
const printStyles = `
@media print {
  body * {
    visibility: hidden;
  }
  #html2pdf_id, #html2pdf_id * {
    visibility: visible;
  }
  #html2pdf_id {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px;
  }
  .no-print, button, .actions {
    display: none !important;
  }
}
`;
const styleSheet = document.createElement("style");
styleSheet.textContent = printStyles;
document.head.appendChild(styleSheet);

优点：

• 文字完全可选

• 使用浏览器原生PDF生成

• 完全免费，无需额外库

缺点：要选择另存为PDF，默认参数有页眉等，需要手动取消。

使用html2pdf.js

优点是配置简单，可选中文字，缺点是无法自动缩放到容器大小，分页可能会有问题，有可能丢失内容。

​