Javascript 元素在jsPDF中是未定义的错误
我正在尝试制作一个应用程序,用户可以在其中下载PDF格式的特定表格。我正试图使用jsPDF,但由于某些原因,它不起作用。我在控制台中得到的最新错误是Javascript 元素在jsPDF中是未定义的错误,javascript,jquery,html,jspdf,Javascript,Jquery,Html,Jspdf,我正在尝试制作一个应用程序,用户可以在其中下载PDF格式的特定表格。我正试图使用jsPDF,但由于某些原因,它不起作用。我在控制台中得到的最新错误是TypeError:element在文件jspdf.plugin.from_html.js中未定义 我的做法如下: 我有以下标题: <script type="text/javascript" src="jspdf.js"></script> <script type="text/javascript" src="jsp
TypeError:element在文件jspdf.plugin.from_html.js
中未定义
我的做法如下:
我有以下标题:
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
这里可能需要注意的一点是,我的表是在页面加载过程中根据我的后端提供的值动态填充的
该表如下所示:
<div id="huh">
<table class="table table-hover table-bordered" id="recent">
<thead>
<tr>
<th>
Spent On
</th>
<th>
Amount
</th>
</tr>
</thead>
</table>
</div>
花在
数量
调用以下脚本时,该表包含实际数据:
<script type="text/javascript">
function demoFromHTML() {
var doc = new jsPDF('p', 'in', 'letter');
var source = document.getElementById('huh');
var specialElementHandlers = {
'#bypassme': function(element, renderer) {
return true;
}
};
doc.fromHTML(
$('#testcase').get(0), // [Refer Exact code tutorial][2]HTML string or DOM elem ref.
0.5, // x coord
0.5, // y coord
{
'width': 7.5, // max width of content on PDF
'elementHandlers': specialElementHandlers
});
doc.output('dataurl');
}
</script>
<button onclick="javascript:demoFromHTML();">PDF</button>
函数demoFromHTML(){
var doc=新的jsPDF(“p”、“in”、“字母”);
var source=document.getElementById('huh');
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(
$(“#testcase”).get(0),/[请参阅精确代码教程][2]HTML字符串或DOM元素参考。
0.5,//x坐标
0.5,//y坐标
{
“宽度”:7.5,//PDF上内容的最大宽度
“elementHandlers”:specialElementHandlers
});
文档输出('dataurl');
}
PDF
我从示例和示例中获取了一些代码。你知道我哪里出错了吗?
多谢各位 您的#testcase
未定义
尝试:
函数demoFromHTML(){
var doc=新的jsPDF(“p”、“in”、“字母”);
//var source=document.getElementById('huh');
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(
$('#huh').get(0),/[参考精确代码教程][2]HTML字符串或DOM元素参考。
0.5,//x坐标
0.5,//y坐标
{
“宽度”:7.5,//PDF上内容的最大宽度
“elementHandlers”:specialElementHandlers
});
文档输出('dataurl');
}
下面是一个工作示例
<script type="text/javascript">
function demoFromHTML() {
var doc = new jsPDF('p', 'in', 'letter');
//var source = document.getElementById('huh');
var specialElementHandlers = {
'#bypassme': function(element, renderer) {
return true;
}
};
doc.fromHTML(
$('#huh').get(0), // [Refer Exact code tutorial][2]HTML string or DOM elem ref.
0.5, // x coord
0.5, // y coord
{
'width': 7.5, // max width of content on PDF
'elementHandlers': specialElementHandlers
});
doc.output('dataurl');
}
</script>