2

最初はかなり子供向けのゲームのように思えた質問を解決するために、私はすでに4日間を費やしました.jsPDFライブラリを使用してファイルを保存しようとしています. それを印刷するのではなく、それはすでに行われていることです。

だからここに私のHTMLがあります：

<!DOCTYPE html>
<html manifest="offline.appcache">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>New project</title>

<!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
<meta name="HandheldFriendly" content="true" />

<!-- Chrome for Android web app tags -->
<meta name="mobile-web-app-capable" content="yes" />
<link rel="shortcut icon" sizes="256x256" href="icon-256.png" />

<script src="script/jquery-2.1.0.min.js"></script>

<script type="text/javascript" src="script/jspdf.js"></script>
<script type="text/javascript" src="script/libs/base64.js"></script>
<script type="text/javascript" src="script/libs/sprintf.js"></script>

 <script type="text/javascript" src="script/jspdf.js"></script>
 <script type="text/javascript" src="script/jspdf.plugin.standard_fonts_metrics.js"></script> 
 <script type="text/javascript" src="script/jspdf.plugin.split_text_to_size.js"></script>               
 <script type="text/javascript" src="script/jspdf.plugin.from_html.js"></script>
 <script type="text/javascript" src="script/FileSaver.js"></script>

 <!-- The CSS -->   
 <style type="text/css">
    p
    {
    font-size: 18px;

    }
    #container{
    width: 800px;
    height: 500px;
    background-color: red;
    }
 </style>   

<!-- The javascript -->     
<script>
function print()
{
var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.output('datauri');
}

function save()
{
var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.save('nombre_example.pdf');
}

</script>
</head> 

<body> 

<input type="button" value="Print" height="50px" width="50px" Onclick="print()">
<input type="button" value="Save" height="50px" width="50px" Onclick="save()">
<div id="container">
    <p>
    HOLA <br>
    HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA     <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>HOLA <br>
    </p>
</div>

 </body> 
 </html>

次に、「保存」ボタンをクリックすると、javacript コンソールで読み取ることができます。

Uncaught TypeError: Object #<Object> has no method 'save' index.html:58

プロジェクトに添付した JavaScript ファイルのリストは次のとおりです。

  1. FileSaver.js
  2. jquery-2.1.0.min.js
  3. jspdf.js
  4. jspdf.plugin.addimage.js
  5. jspdf.plugin.autoprint.js
  6. jspdf.plugin.cell.js
  7. jspdf.plugin.from_html.js
  8. jspdf.plugin.javascript.js
  9. jspdf.plugin.png_support.js
  10. jspdf.plugin.sillysvgrenderer.js
  11. jspdf.plugin.split_text_to_size.js
  12. jspdf.plugin.standard_fonts_metrics.js
  13. jspdf.plugin.total_pages.js

そしてライブラリ：

  1. base64.js
  2. sprintf.js

したがって、このすべての情報を表示した後、私の質問は次のとおりです。保存ボタンを適切に機能させられないのはなぜですか?

何か案は？

4

1 に答える 1

3

これらの 2 つのスクリプト ファイルのみを追加してみてください。

<script type="text/javascript" src="script/jspdf.js"></script>
<script type="text/javascript" src="script/FileSaver.js"></script>

それに加えて、なぜjspdf.jsファイルを2回追加するのですか...

于 2014-03-20T12:33:51.497 に答える