如何使用jquery获得PDF格式的打印结果
如何使用jquery获得PDF格式的打印结果
提问于 2016-05-13 10:07:04
我想在PDF中得到HTML页面。
经过一些研究，我发现了pdfJS插件，它有一些问题，引导，布局将是混乱的。
http://jsfiddle.net/5ud8jkvf/
这是小提琴
我发现作为PDF结果的默认打印很好。
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#cmd').click(function () {
doc.fromHTML($('#content').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
});因此，与其解决pdfJS的问题，我想知道是否有html / jquery方法从打印的pdf中获取pdf。
需要转换成PDF格式的HTML仅为一页申请表，非常感谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-05-16 06:37:40
Stack Overflow用户
发布于 2016-05-16 06:26:51
也许您可以尝试html2canvas(它将解析DOM，计算应用的样式)。
(function(){
var
form = $('.form'),
cache_width = form.width(),
a4 =[ 595.28, 841.89]; // for a4 size paper width and height
$('#create_pdf').on('click',function(){
$('body').scrollTop(0);
createPDF();
});
//create pdf
function createPDF(){
getCanvas().then(function(canvas){
var
img = canvas.toDataURL("image/png"),
doc = new jsPDF({
unit:'px',
format:'a4'
});
doc.addImage(img, 'JPEG', 20, 20);
doc.save('techumber-html-to-pdf.pdf');
form.width(cache_width);
});
}
// create canvas object
function getCanvas(){
form.width((a4[0]*1.33333) -80).css('max-width','none');
return html2canvas(form,{
imageTimeout:2000,
removeContainer:true
});
}
}());我找到了这个这里。如果您需要更多的信息，请查看链接。
Stack Overflow用户
发布于 2016-05-16 06:40:39
您似乎正在尝试将表数据打印到PDF Format.So中，您可以使用DataTables jQuery插件。
数据提供了按钮库，您可以在其中使用PDF按钮。它既支持HTML5和Flash，又支持按钮类型，自动在Flash和HTML按钮选项之间进行选择。
$('#myTable').DataTable( {
buttons: [
'pdf'
]
} );它也提供excel导出功能，您只需添加excel按钮即可。
$('#myTable').DataTable( {
buttons: [
'copy', 'excel', 'pdf'
]
} );我已经使用在我们的应用程序，它将不会使任何冲突的引导。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37207170
复制相关文章
相似问题
腾讯云开发者
