1

私は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>

しかし、それは機能していません。何かしなければならないことはありますか？ありがとう！助けてください..よろしくお願いします。

4

1 に答える 1

0

downloadify プラグインは、ページの実行時にクリックするボタンを作成することを目的としているため、downloadify スクリプト onclick を実行するように設定しても機能しません。代わりにこれを追加して、作成したボタンを削除します。

<body onload="downloadPDF()">

私の他の唯一の提案は、標準の jspdf.js ファイルの代わりに、dist フォルダーにある jspdf.min.js を使用することです。min フォルダーには、PDF のビルドに必要なすべてのプラグイン/関数が含まれています。ただし、downloadify と swfobject を含めておいてください。これらはその最小ビルド パッケージには含まれていません。

注: 私はまだ downloadify を取得して実際のページ コンテンツを自分で追加する方法を見つけようとしていますが、ドキュメントはひどく貧弱です。そのためにコードを挿入すると、[ディスクに保存] ボタンをクリックしても文字通り何も起こらず、コンソール エラーもダウンロードも何も起こりません。

また、あなたはjsPDFを使用して印刷したいと言いました...しかし、jsPDFとdownloadifyはすべて、印刷ではなくダウンロードするためにページをPDFファイルに変換します。

于 2014-12-10T19:21:27.820 に答える