jquery - jsPdf 给 pdf 页面添加边距

Question

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

     var doc = new jsPDF('p', 'pt', 'letter');
    doc.addHTML($('#template_invoice')[0], function () {
        ...
    });

感谢您的帮助!

Answer 1

使用 JSPDF 我发现几乎没有限制。 fromHTML() 不再受支持，而 html() 是我们可以从实例调用的当前方法，此外，由于 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