如何使用 HTML/Javascript 从用户下载输入文本为 PDF

Question

我想使用 < input > 标签从用户那里获取输入，当用户点击下载按钮时，然后输入被下载为 pdf。 我如何在客户端使用 HTML、CSS 和 Javascript 实现它。

Answer 1

您可以使用jsPDF 库生成 PDF。

您可以通过text()方法添加文本并通过save()方法save() 。

为了确保文本换行，我们可以使用splitTextToSize将其转换为数组并将其作为参数传递给text()方法：

download.addEventListener('click', function() {
  var doc = new jsPDF()
  doc.text(10, 10, doc.splitTextToSize(text.value, 180));
  doc.save('doc.pdf');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>

<input id="text"><button id="download">Download as PDF</button>

在JsFiddle上试试