我正在使用 jspdf.debug.js 从网站导出不同的数据,但存在一些问题,我无法让它在导出的 PDF 中渲染 CSS,如果我在导出的页面中有图像,则PDF 返回空白...
有谁知道解决这个问题的方法吗?
这里有一个jsfiddle显示它没有渲染 CSS
还有我的剧本
$(document).ready(function() {
$('#export').click(function(){
var d = new Date().toISOString().slice(0, 19).replace(/-/g, ""),
filename = 'financiar_' + d + '.pdf',
pdf = new jsPDF('p', 'pt', 'letter'),
specialElementHandlers = {
'#editor': function( element, renderer ) {
return true;
}
};
pdf.fromHTML(
$('.export').get(0) // HTML element
, 25 // x coord
, 25 // y coord
, {
'width': 550 // was 7.5, max width of content on PDF
, elementHandlers: specialElementHandlers
}
);
pdf.save( filename );
})
});
据我所知,jsPDF 不能与 CSS 一起使用,这也是我面临的同样问题。
为了解决这个问题,我使用了Html2Canvas. Just 添加 HTML2Canvas JS然后使用pdf.addHTML()
代替pdf.fromHTML()
.
这是我的代码(没有其他代码):
var pdf = new jsPDF('p', 'pt', 'letter');
pdf.addHTML($('#ElementYouWantToConvertToPdf')[0], function () {
pdf.save('Test.pdf');
});
祝你好运!
Edit:参考这条线如果你没有找到.addHTML()
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)