D. *_*. A 7 html javascript jspdf
所以这是我的 HTML 代码，我试图将 div 中输出的任何内容abc转换为可下载的 pdf 文件。
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
Reports
</h1>
<ol class="breadcrumb">
<li>
<i class="fa fa-dashboard"></i> <a href="dashboard">Dashboard</a>
</li>
<li class="active">
<i class="fa fa-edit"></i> Reports
</li>
</ol>
<body>
<div id="abc">
</div>
<div id="editor"></div>
<button id="cmd">Download Survey Report</button>
<div id="abc">
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>
<script>
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#cmd').click(function () {
doc.fromHTML($('#abc').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('SurveyReport.pdf');
});
</script>
<script>
firebase.auth().onAuthStateChanged(function(user){
if(user){
var userID = user.uid;
RetrieveSurvey(userID,1,PrintSurvey(document.getElementById("abc")));
}
})
</script>
</div>
</div>
我在控制台上收到此错误：
“未捕获的 ReferenceError：jsPDF 未定义”
我不确定我在这里做错了什么，我什jsPDF至在脚本标签中添加了......
loe*_*onk 11
首先，您的 HTML 无效。检查W3S。
将您的链接jspdf放在<head>标签内，您甚至可以在<body>标签内进行。
jspdf用最新的脚本替换你的脚本：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
小智 7
用这个：
window.jsPDF = window.jspdf.jsPDF;小智 5
如https://github.com/matb/jsPDF 中所述使用
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>在 head 标签中添加这个脚本