如何正确使用jsPDF?

时间:2015-04-09 16:56:41

标签: javascript html jspdf

我是一个尝试使用jsPDF的新手。我有一个简单的链接,将构建一个pdf文件并保存。但是我无法让它发挥作用。当我点击链接时,没有任何反应。就好像我没有引用脚本一样。我错过了什么吗?

编辑:我忘了注意我正在使用xampp进行测试。

以下是代码:

<html>
<head>
    <script src='C:\Program Files (x86)\xampp\htdocs\devtest\jsPDF-master\libs\FileSaver.js' type='text/javascript'></script>
    <script src='C:\Program Files (x86)\xampp\htdocs\devtest\jsPDF-master\jspdf.js' type='text/javascript'></script>
</head>
    <body>
        <script>
        function ci(){
        var doc = new jsPDF();
        doc.setFontSize(22);
        doc.text(20, 20, 'My First PDF');
        doc.addPage();
        doc.setFontSize(16);
        doc.text(20, 30, 'This is some normal sized text underneath.');
        doc.save('Test.pdf'); }
        </script>
        <a href="javascript:ci()">Click me </a>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

正如评论中提到的@puddinman13,您必须引用相对于apache根目录的脚本文件。在引用Web上的文件时,您还应该使用正斜杠。在你的例子中,它将是这样的:

<script src='devtest/jsPDF-master/dist/jspdf.min.js'></script>

看起来您是直接从github下载代码的?在这种情况下,我建议您使用dist文件而不是源文件。

{{1}}

另请注意,主分支上的当前(2015-09-20)1.1版本是预发行版,您可能需要查看0.9或1.0。