Home / Questions / 4925
Accepted
kamome
Asked: 2020-02-29 12:40:45 +0800 CST 2020-02-29 12:40:45 +0800 CST

使用 jspdf 创建 pdf 时出错

  • 772

这个简单的 web 用于测试 jspdf。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> creando pdfs</title>
    <link rel="stylesheet" href="">

    <script src="js/jspdf.js"></script>
    <script src="js/FileSaver.js"></script>
</head>

<body>

  <h1> creando un pdf</h1>

  <script>
    function creapdf(){
      var doc = new jsPDF();
      doc.text(20, 20, 'Hello world!');
      doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
      doc.addPage();
      doc.text(20, 20, 'Do you like that?');
      doc.save('test.pdf');
    }
  </script>

<a href="javascript:creapdf()">Download PDF</a>

</body>
</html>

它返回一个错误。saveAs没有定义。

我已经看到这个答案似乎可以解决问题 https://stackoverflow.com/questions/20340194/doc-save-throwing-error-with-jspdf

但是，虽然我已经链接了库

<script src="js/jspdf.js"></script>
<script src="js/FileSaver.js"></script>

它一直给我错误。

javascript

1 Answers

  1. Best Answer

    我想我知道发生了什么。复制文件jspdf.min.js夹内的文件dist。然后你添加它

    <script src="js/jspdf.min.js"></script>

    它应该可以工作。

    删除<script src="js/FileSaver.js"></script>，您使用的浏览器版本不需要它。

    它对您不起作用，因为jspdf.js您使用的文件不是最终文件。通常，当您下载其中一个库时，请使用 dist 文件夹中的文件，按照惯例，该文件夹的最终文件是缩小版和调试版。

    • 2