将div导出为PDF时发生JAVASCRIPT错误
当我点击按钮时,我正试图将一个div导出为pdf,但是我得到了一个javascript函数错误,我无法解决,有人能帮我吗 JavaScript将div导出为PDF时发生JAVASCRIPT错误,javascript,html,Javascript,Html,当我点击按钮时,我正试图将一个div导出为pdf,但是我得到了一个javascript函数错误,我无法解决,有人能帮我吗 JavaScript <script language="javascript"> var cache_width = $('#renderPDF').width(); //Criado um cache do CSS var a4 = [595.28, 841.89]; // Widht e Height de uma folha a4 $("#b
<script language="javascript">
var cache_width = $('#renderPDF').width(); //Criado um cache do CSS
var a4 = [595.28, 841.89]; // Widht e Height de uma folha a4
$("#btnPrint").live("click", function () {
// Setar o width da div no formato a4
$("#renderPDF").width((a4[0] * 1.33333) - 80).css('max-width', 'none');
// Aqui ele cria a imagem e cria o pdf
html2canvas($('#renderPDF'), {
onrendered: function (canvas) {
var img = canvas.toDataURL("image/png", 1.0);
var doc = new jsPDF({ unit: 'px', format: 'a4' });
doc.addImage(img, 'JPEG', 20, 20);
doc.save('NOME-DO-PDF.pdf');
//Retorna ao CSS normal
$('#renderPDF').width(cache_width);
}
});
});
</script>
var cache_width=$('#renderPDF').width()//Criado um cache do CSS
VarA4=[595.28841.89];//uma folha的宽度和高度a4
$(“#btnPrint”).live(“单击”,函数(){
//Setar o宽度da分区编号格式a4
$(“#renderPDF”).width((a4[0]*1.33333)-80).css('max-width','none');
//Aqui ele cria a imagem e cria o pdf
html2canvas($('renderPDF'){
onrendered:函数(画布){
var img=canvas.toDataURL(“image/png”,1.0);
var doc=新的jsPDF({单位:'px',格式:'a4'});
addImage文件(img,'JPEG',20,20);
doc.save('NOME-DO-PDF.PDF');
//雷托纳正常
$('#renderPDF')。宽度(缓存宽度);
}
});
});
HTML
<div class="table-responsive panel" id="renderPDF">
<table class="table">
<tbody>
<tr>
<td class="text-success"><i class="fa fa-list-ol"></i> Cliente ID</td>
<td>@Model.ID_Cliente</td>
</tr>
<tr>
<td class="text-success"><i class="fa fa-user"></i> Nome</td>
<td>@Model.Nome</td>
</tr>
<tr>
<td class="text-success"><i class="fa fa-home"></i> Morada</td>
<td>@Model.Morada</td>
</tr>
</tbody>
</table>
</div>
客户ID
@Model.ID_客户
诺姆
@诺姆模型
莫拉达
@莫拉达模型
live
方法已被弃用,可能已在jQuery版本中删除
尝试在上使用
。您使用的是哪个版本的jquery。live已从wards上的1.9版中删除
$(document).on("click", '#btnPrint', function () {
// Setar o width da div no formato a4
$("#renderPDF").width((a4[0] * 1.33333) - 80).css('max-width', 'none');
// Aqui ele cria a imagem e cria o pdf
html2canvas($('#renderPDF'), {
onrendered: function (canvas) {
var img = canvas.toDataURL("image/png", 1.0);
var doc = new jsPDF({ unit: 'px', format: 'a4' });
doc.addImage(img, 'JPEG', 20, 20);
doc.save('NOME-DO-PDF.pdf');
//Retorna ao CSS normal
$('#renderPDF').width(cache_width);
}
});
});
我正在使用这些脚本的可能副本`因为您使用的是比1.9版本更新的版本,live将无法工作。我已经更新了代码。您必须在上使用。它在替换上的live by时起作用。但是,我得到一个错误,说Uncaught Invalid orientation:[object]您没有正确使用html2canvas。阅读文档,看看您是否能找到替换live by on时出现的错误。但是,我得到一个错误,说Uncaught-Invalid-orientation:[object]