jsPdf踩坑之路

本文只講html生成pdf
官網(wǎng)文檔地址:http://raw.githack.com/MrRio/jsPDF/master/docs/module-html.html#~html

一、安裝

npm install jspdf

二、使用

<button onclick="print()">生成PDF</button>
<div id="printID">pdf內(nèi)容</div>
import { jsPDF } from "jspdf"
print(){
    const doc = new jsPDF({
      unit:"px",
      hotfixes: ["px_scaling"],
      compress: true
    });
    const pdf:any = document.querySelector("#printID")
    const width = doc.internal.pageSize.width - 80  
    doc.html(pdf,{
        callback: doc=> {
          window.open(doc.output("bloburi"))
        },
        margin:[30,40,30,40],
        windowWidth: width, //處理屏幕怎么縮放生成pdf結(jié)果一樣
        width: width, //處理屏幕怎么縮放生成pdf結(jié)果一樣
      })
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容