pdf/javascript/html: pdf 已损坏或文件不正确

Question

我想将此 html 代码保存为 PDF:

<div id="mycontent">
    <h1>Sample PDF from HTML</h1>
    <p>This text you'll find in PDF page.</p>
</div>

我使用的Javascript是：

const mycontent = document.getElementById('mycontent').outerHTML;

const blob = new Blob([mycontent], { type: 'application/pdf' });

const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = 'file.pdf';

document.body.appendChild(link);
link.click();

document.body.removeChild(link);

我可以看到要保存的对话框，保存后，我打开文件来读取它。我收到这条消息：

内容类型无效，无法读取文件或文件已损坏。

出了什么问题？

Answer 1

仅仅通过将一些 HTML 文本保存在扩展名为

.pdf

的文件中，您不会神奇地获得 PDF。

您需要像 jsPDF 或 html2pdf 这样的库来在页面上布局文本，然后将其写为 PDF 文件 – 或者，当然，您可以 阅读 PDF 规范并编写 PDF 文档自己实现 – 只有大约 700 页。