Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery jsPdf将页边距添加到pdf页面_Jquery_Html_Css_Pdf_Jspdf - Fatal编程技术网

Jquery jsPdf将页边距添加到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:

我使用jsPdf从html创建pdf。如何将边距(顶部、左侧、右侧)添加到我的pdf页面

     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)