导出为pdf格式的时候,无法下载

①Echart div,导出的也是这个部分

<div id="chart" style="width: 100%;height:90%;"></div>

②引用jsPDF.js和html2canvas.js

<script src="/js/echarts-5.4.2/echarts.js" type="text/javascript"></script>
<script src="/js/jsPDF-2.5.1/jspdf.umd.min.js"></script>
<script src="/js/html2canvas/html2canvas.min.js"></script>

③导出pdf


    form.on('submit(data-export-btn)', function (data) {
        html2canvas(document.getElementById('property_chart')).then(canvas => {
            const imgData = canvas.toDataURL('image/png');
            const pdf = new window.jspdf.jsPDF({
                orientation: 'l',
                unit: 'px',
                format: [canvas.width, canvas.height]
            });
            pdf.addImage(imgData, 'PNG', 0, 0, canvas.width, canvas.height);
            pdf.save(equipment+'温度历史('+start_dayTime+"至"+end_dayTime+")"+'.pdf');
        });
        return false;
    });

注意:

错误的代码为:const pdf = new jsPDF({

正确的代码为:const pdf = new window.jspdf.jsPDF({

错误的代码无法呼起下载功能

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐