htmlページの特定の部分のjavaスクリプトダウンロード機能

Question

私はHTMLページでPHP mysqlを使用しています。すでに私のページには多くのdivを使用しています。印刷ボタンを作成して特定のdivを印刷しましたが、今度はダウンロードボタンを使用して、特定のdivデータをPDFとしてダウンロードします。

どうすれば可能ですか？ダウンロードするための

Answer 1

<div id="content"> 
<h3>Hello, this is a H3 tag</h3> 

<p>a pararaph</p> 
</div> 
<div id="editor"></div> 
<button id="cmd">generate PDF</button> 
<script> 
var doc = new jsPDF(); 
var specialElementHandlers = { 
'#editor': function (element, renderer) { 
    return true; 
} 
}; 

    $('#cmd').click(function() { 
    doc.fromHTML($('#content').html(), 15, 15, { 
    'width': 170, 
     'elementHandlers': specialElementHandlers 
}); 
doc.save('sample-file.pdf'); 
}); 
</script> 

....^

Answer 2

jsPDFは、この種の機能を処理するためのgreateの選択です。それは比較的簡単で使いやすいものです。ここではjsfiddle例です：

https://jsfiddle.net/nfnneil/aajsr6vn/2/

使用

私はdoc.fromHTML($('#saveThis').html(), 10, 10, {})を使用し、私はいくつかの説明に値すると思います。最初に、docは私たちが使用しているjsPDFオブジェクトです。引数は次のようになります。HTML content for pdf、padding-x in pdf、padding-y in pdf、最後に設定は{}です。

コード

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> 
<div id="downloadThis"> 
    Rich html <b>features</b> here. 
</div> 
<div id="editor"></div> 
<button id="download">generate PDF</button> 

はJavaScript

$('#download').click(function() { 
     var doc = new jsPDF(); 
    doc.fromHTML($('#downloadThis').html(), 10, 10, { 
     'elementHandlers': {} 
    }); 
    doc.save('download.pdf'); 
});