将div导出为PDF时发生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

当我点击按钮时,我正试图将一个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

    $("#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]