Jquery jsPdf将页边距添加到pdf页面
我使用jsPdf从html创建pdf。如何将边距(顶部、左侧、右侧)添加到我的pdf页面Jquery jsPdf将页边距添加到pdf页面,jquery,html,css,pdf,jspdf,Jquery,Html,Css,Pdf,Jspdf,我使用jsPdf从html创建pdf。如何将边距(顶部、左侧、右侧)添加到我的pdf页面 var doc = new jsPDF('p', 'pt', 'letter'); doc.addHTML($('#template_invoice')[0], function () { ... }); 谢谢你的帮助 JSPdf允许您制作边距散列,并将其应用于您的下载,即 margins = { top: 40, bottom: 60, left:
var doc = new jsPDF('p', 'pt', 'letter');
doc.addHTML($('#template_invoice')[0], function () {
...
});
谢谢你的帮助 JSPdf允许您制作边距散列,并将其应用于您的下载,即
margins = {
top: 40,
bottom: 60,
left: 40,
width: 522
};
请尝试下面的代码片段或此:
$(文档).ready(函数(){
$(“.btn”)。单击(函数(){
var文件=新的jsPDF(“p”、“pt”、“信函”),
来源=$(“#模板#发票”)[0],
边距={
前40名,
底数:60,
左:40,,
宽度:522
};
doc.fromHTML(
source,//HTML字符串或DOM元素引用。
margins.left,//x坐标
页边距。顶部{
//y坐标
宽度:margins.width//PDF上内容的最大宽度
},
功能(处置){
//dispose:将最后一行的X,Y添加到PDF中的对象
//这允许在html之后插入新行
doc.save(“Test.pdf”);
},
边距
);
});
});代码>
.btn信息,
.铅{
边缘顶部:20px;
}
发票联
订单#12345
下载
计费对象:
约翰·史密斯
1234主站
第4B节
斯普林菲尔德,圣54321
发送至:
简·史密斯
1234主站
第4B节
斯普林菲尔德,圣54321
付款方式:
签证结束****4242
jsmith@email.com
订单日期:
2014年3月7日
订单摘要
项目
价格
数量
总计
BS-200
$10.99
1.
$10.99
BS-400
$20.00
3.
$60.00
BS-1000
$600.00
1.
$600.00
小计
$670.99
配送
$15
总计
$685.99
使用JSPDF我发现几乎没有限制。
fromHTML()不再受支持,html()是我们可以从实例调用的当前方法,此外,对它来说,也不支持margin,因为html()使用第一个元素作为回调
import React from 'react'
import { jsPDF } from 'jspdf'
import html2canvas from 'html2canvas'
// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF({ orientation: 'landscape', unit: 'pt' })
const PDFDownload = ({ scenario }) => {
function showPDF () {
window.html2canvas = html2canvas
try {
const gameFeedback = document.querySelector('.game-feedback')
doc.setFontSize(12)
doc.html(gameFeedback, {
callback: function (doc) {
doc.save(`${scenario.name}.pdf`)
}
})
} catch (err) {
console.error(err)
}
}
return (
<button className='btn btn-primary' type='submit' onClick={showPDF}><i className='fas fa-file-download' /> PDF</button>
)
}
export default PDFDownload
从“React”导入React
从“jsPDF”导入{jsPDF}
从“html2canvas”导入html2canvas
//默认导出为a4纸张,纵向,单位为毫米
const doc=new jsPDF({方向:横向,单位:pt})
const PDFDownload=({scenario})=>{
函数showPDF(){
window.html2canvas=html2canvas
试一试{
const gameFeedback=document.querySelector(“.game feedback”)
文件setFontSize(12)
doc.html(游戏反馈{
回调:函数(doc){
doc.save(`${scenario.name}.pdf`)
}
})
}捕捉(错误){
控制台错误(err)
}
}
返回(
PDF
)
}
导出默认PDFDownload
是的,但我使用函数addHTML(),但它不起作用<代码>变量边距={顶部:100,底部:60,左侧:100,宽度:522};var doc=新的jsPDF(“p”、“pt”、“字母”);doc.addHTML($('#模板_发票')[0],margins.left,margins.top,{width:margins.width},function(){var pdf=doc.output('blob');…},margins)代码>