Question

我是Javascript的新手。我想使用jspdf.js使用javascript进行打印。

我有这段代码。

    <!doctype>
<html>
<head>
    <title>Generate PDF</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
    <script type="text/javascript" src="js/libs/swfobject.js"></script>
    <script type="text/javascript" src="js/libs/downloadify.min.js"></script>
    <script type="text/javascript" src="js/jspdf/jspdf.js"></script>
    <script type="text/javascript">


    function downloadPdf(){

        Downloadify.create('downloadify',{
            filename: 'Simple.pdf',
            data: function()
            { 
                    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.'); 
                return doc.output();
            },
            onComplete: function(){ alert('Your File Has Been Saved!'); },
            onCancel: function(){ alert('You have cancelled the saving of this file.'); },
            onError: function(){ alert('You must put something in the File Contents or there will be nothing to save!'); },
            downloadImage: 'images/download.png',
            swf: 'images/downloadify.swf',
            width: 100,
            height: 30,
            transparent: true,
            append: false
        });
    }
</script>   
<body>
To generate PDF Click Here.
<input type="button" value="Generate" onclick="downloadPdf()" />
<br/>
<div id="downloadify"></div>

但它不起作用。我必须做什么吗？谢谢！请帮帮我..提前致谢。

Answer 1

downloadify插件用于构建按钮，供您在页面运行时单击，因此将其设置为运行downloadify脚本onclick不起作用，而是添加它并删除您创建的按钮：

<body onload="downloadPDF()">

我唯一的另一个建议是使用dist文件夹中的jspdf.min.js，而不仅仅是标准的jspdf.js文件。 min文件夹包含构建PDF所需的所有插件/函数。保持包括downloadify和swfobject，但它们不包含在min build包中。

注意：我还在试图弄清楚如何自己下载以添加实际页面内容，文档非常糟糕。当我把代码放进去的时候，当我点击Save to Disk按钮，没有控制台错误，没有下载发生，没有任何东西时，没有任何反应。

另外，你说你想使用jsPDF打印...但是所有jsPDF和downloadify都将你的页面转换为PDF文件进行下载，不打印。

jspdf - 保存pdf

1 个答案: