[英]Export pdf from dynamic html
我的javascript中的html中有動態元素。 (例如圖表之類的東西)。 我想將這些圖表導出為pdf。 但是當我嘗試不使用它們時,我只有像h5這樣的靜態html
您可以在下面的示例中看到,畫布部分為空,然后使用Chart.js加載。
<div id="stats">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title text-uppercase">Nombre adherents / mois</h5>
<canvas id="myChartInscription"></canvas>
</div>
</div>
</div>
<a class="btn btn-primary" id="exportPDF" href="#">Export PDF</a>
<div id="editor"></div>
這就是我正在嘗試的
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script>
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#exportPDF').click(function () {
doc.fromHTML($('#stats').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('stats.pdf');
});
</script>
謝謝你的幫助。
您必須將畫布另存為數據URL,因為jsPdf的“ fromHtml”不支持畫布渲染。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.