Javascript 使用jspdf的HTML到PDF转换按钮
我的html网页中的PDF生成器按钮不起作用。有人能解释一下我哪里出了问题吗 我使用的是jquery版本1.7.2Javascript 使用jspdf的HTML到PDF转换按钮,javascript,html,jspdf,Javascript,Html,Jspdf,我的html网页中的PDF生成器按钮不起作用。有人能解释一下我哪里出了问题吗 我使用的是jquery版本1.7.2 <!DOCTYPE html> <html> <head> <title>Print Fax View</title> <meta content="text/html; charset=utf-8" http-equiv=Content-Type> <meta name="viewport" conte
<!DOCTYPE html>
<html>
<head>
<title>Print Fax View</title>
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery"></script>
<script type="text/javascript" src="jspdf/jspdf.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="jspdf/libs/Deflate/adler32cs.js"></script>
<script type="text/javascript" src="jspdf/libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="jspdf/libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.addimage.js"></script>
<script type="text/javascript" src="js/basic.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var specialElementHandlers = {
'#editor': function (element,renderer) {
return true;
}
};
$('#cmd').click(function () {
var doc = new jsPDF("p",in,"a4");
var source = $('#target').html();
var specialElementHandlers = {
'#bypassme': function (element, renderer) {
return true;
}
};
doc.fromHTML(source, 0.5, 0.5, {
'width': 7.5,'elementHandlers': specialElementHandlers
});
doc.output("dataurlnewwindow");
});
});
</script>
</head>
<body id="target">
<button id="cmd">generate PDF</button>
<div> <p>Hello World </p> </div>
</body>
</html>
打印传真视图
$(文档).ready(函数(){
变量specialElementHandlers={
“#编辑器”:函数(元素、渲染器){
返回true;
}
};
$('#cmd')。单击(函数(){
var doc=新的jsPDF(“p”,在“a4”中);
var source=$('#target').html();
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(源代码,0.5,0.5{
“宽度”:7.5,“元素处理程序”:SpecialElementHandler
});
文档输出(“dataurlnewwindow”);
});
});
生成PDF
你好,世界
它没有产生任何东西。
提前感谢我也是html和javascript的初学者。下面是已更正的,正在生成pdf
<!DOCTYPE html>
<html>
<head>
<title>Print Fax View</title>
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="jspdf/jspdf.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.addimage.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.cell.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.ie_below_9_shim.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.javascript.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.sillysvgrenderer.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf/jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf/jspdf.PLUGINTEMPLATE.js"></script>
<script type="text/javascript" src="lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var specialElementHandlers = {
'#editor': function (element,renderer) {
return true;
}
};
$('#cmd').click(function () {
var doc = new jsPDF();
var source = $('#target').html();
var specialElementHandlers = {
'#bypassme': function (element, renderer) {
return true;
}
};
doc.fromHTML(source, 0.5, 0.5, {
'width': 75,'elementHandlers': specialElementHandlers
});
doc.output("dataurlnewwindow");
});
});
</script>
</head>
<body id="target">
<button id="cmd">generate PDF</button>
<div> <p>Hello World </p> </div>
</body>
</html>
打印传真视图
$(文档).ready(函数(){
变量specialElementHandlers={
“#编辑器”:函数(元素、渲染器){
返回true;
}
};
$('#cmd')。单击(函数(){
var doc=new jsPDF();
var source=$('#target').html();
变量specialElementHandlers={
“#绕过我”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(源代码,0.5,0.5{
“宽度”:75,“元素处理程序”:SpecialElementHandler
});
文档输出(“dataurlnewwindow”);
});
});
生成PDF
你好,世界
@diegocr我不明白。。。我已经包括了这一行。jquery文件名为jquery?不是jquery.js?你需要花更多的时间写这个问题。您完全错过了任何调试,控制台中是否有任何错误、警告?控制台中没有警告…抱歉,我将更详细地说明now@ksved事实上,您只需要一个dist文件(),但是您的jquery文件肯定没有扩展名.js,这显然是造成问题的原因。