我有以下HTML代码:
<!DOCTYPE html>
<html>
<body>
<p>don't print this to pdf</p>
<div id="pdf">
<p><font size="3" color="red">print this to pdf</font></p>
</div>
</body>
</html>
我想做的就是打印到pdf中找到的任何ID为"pdf"的div.这必须使用JavaScript完成.然后应自动下载"pdf"文档,文件名为"foobar.pdf"
我一直在使用jspdf来做这件事,但它唯一的功能是"text",它只接受字符串值.我想将HTML提交给jspdf,而不是文本.
我想将我的一些div转换为PDF,我尝试过jsPDF库但没有成功.似乎我无法理解我需要导入什么才能使库工作.我经历过这些例子,但我仍然无法理解.我尝试过以下方法:
<script type="text/javascript" src="js/jspdf.min.js"></script>
在jQuery之后:
$("#html2pdf").on('click', function(){
var doc = new jsPDF();
doc.fromHTML($('body').get(0), 15, 15, {
'width': 170
});
console.log(doc);
});
出于测试目的但我收到:
"Cannot read property '#smdadminbar' of undefined"
#smdadminbar身体的第一个div 在哪里.
我正在使用jspdf生成pdf文件.一切都很好.但是如何在新选项卡或新窗口中打开生成的pdf.
我在用
doc.output('datauri');
这是在同一个标签中打开pdf.
更新Google Chrome后,新窗口中的报告jsPDF不再起作用.
控制台显示消息:
不允许将顶部框架导航到数据URL:data:application/pdf; base64,JVBERi0xLjMKMyAwIG9iago8PC9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL1 ....
你能帮助我吗？
谢谢.
我在我的网站中使用jsPDF来生成PDF.但现在我有多个DIV可以在一个PDF中打印.这可能需要2到3页.
例如:
<div id="part1">
content
</div>
<div id="part2">
content
</div>
<div id="part2">
content
</div>
我的JS代码
function formtoPDF() {
jsPDF.API.mymethod = function() {
// 'this' will be ref to internal API object. see jsPDF source
// , so you can refer to built-in methods like so:
// this.line(....)
// this.text(....)
};
var doc = new jsPDF();
doc.mymethod();
var pdfPart1 = jQuery('#genPDFpart1');
var pdfPart2 = jQuery(".ltinerary");
var pdfPart3 = jQuery("#domElementHTML");
var specialElementHandlers = {
'#loadVar': function(element, renderer) {
return true; …我是新手使用jsPDF但是对于我的生活我无法获得任何css来应用这个东西!我尝试过内联,内部和外部都无济于事!我在另一篇SO帖子中读到,因为它在技术上将文件打印到文件中,所以我需要一个打印样式表,但这也不起作用.
我有一个非常基本的页面,我只是想让任何CSS使用:JS:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="./libs/FileSaver.js/FileSaver.js"></script>
<script type="text/javascript" src="./libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
<script>
$(document).ready(function(){
$('#dl').click(function(){
var specialElementHandlers = {
'#editor': function(element, renderer){
return true;
}
};
var doc = new jsPDF('landscape');
doc.fromHTML($('body').get(0), 15, 15, {'width': 170, 'elementHandlers': specialElementHandlers});
doc.output('save');
});
});
</script>
HTML:
<body>
<div id="dl">Download Maybe?</div>
<div id="testcase">
<h1>
We support special element handlers. Register them with jQuery-style
</h1>
</div>
</body>
最后是外部的样式表:
h1{
color: red;
}
div{
color: red; …我正在尝试使用javascript创建一个简单的pdf文档.我找到了jsPDF,但我不知道如何居中文本.可能吗？
我需要在jspdf.debug.js中更改默认的pdf页面宽度和字体大小.
在哪里以及如何更改jspdf.debug.js中的默认值？
当用户点击GeneratePDF按钮时,我需要将html页面导出为PDF文件.我成功将HTML页面导出为PDF文件,但只有第一次点击我才能将数据下载到PDF中,但是从第二次点击我无法将数据下载到PDF文件.我不确定我在代码中出错了.
请在这里查看代码:
$(function() {
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function(element, renderer) {
return true;
}
};
$('#cmd').click(function() {
doc.fromHTML($('#target').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.0-beta.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.1.135/jspdf.min.js"></script>
<script type="text/javascript" src="http://cdn.uriit.ru/jsPDF/libs/adler32cs.js/adler32cs.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js
"></script>
<script type="text/javascript" src="libs/Blob.js/BlobBuilder.js"></script>
<script type="text/javascript" src="http://cdn.immex1.com/js/jspdf/plugins/jspdf.plugin.addimage.js"></script>
<script type="text/javascript" src="http://cdn.immex1.com/js/jspdf/plugins/jspdf.plugin.standard_fonts_metrics.js"></script>
<script type="text/javascript" src="http://cdn.immex1.com/js/jspdf/plugins/jspdf.plugin.split_text_to_size.js"></script>
<script type="text/javascript" src="http://cdn.immex1.com/js/jspdf/plugins/jspdf.plugin.from_html.js"></script>
<script type="text/javascript" src="js/basic.js"></script>
<body id="target">
<div id="content">
<h3>Hello, this is a H3 tag</h3>
<a class="upload">Upload …我正在做的是使用jsPDF创建我生成的图形的PDF.但是,我不知道如何包装标题(使用text()函数添加).标题的长度因图表而异.目前,我的标题正在运行.任何帮助,将不胜感激!
这是我到目前为止的代码:
var doc = new jsPDF();
doc.setFontSize(18);
doc.text(15, 15, reportTitle);
doc.addImage(outputURL, 'JPEG', 15, 40, 180, 100);
doc.save(reportTitle);
没有什么能阻止reportTitle离开页面