js實現簡單pdf列印功能

2021-08-30 17:45:36 字數 493 閱讀 1158

js實現pdf列印功能的主要思想是，需要乙個pdf模板作為背景圖，然後採用拼內容的方式，將文字拼接到頁面中，列印頁面內容即可，需要注意的是pdf 背景尺寸。

一、html中的列印按鈕，可以是a標籤也可以是其他標籤

二、在js中編寫printtrue()方法

function printture()
三、拼值在html中設定乙個table，這裡只是拼接了一行內容，如果要多行展示，再新增**中的行和列就行了，就是將**去掉邊框，將文字調整到背景圖的空格處，就可以在頁面中展示出來進行列印。

姓名


分數
拼接出來的效果如下，之後會再寫出乙個後台**動態生成pdf，並且儲存到本地電腦中的功能，跟列印一起是乙個完整的功能。

原生js做列印功能的簡單實現

在需要列印的地方前後加上 function mypringt bdhtml window.document.body.innerhtml 獲取當前頁的html sprnstr 設定列印開始區域 eprnstr 設定列印結束區域 prnhtml bdhtml.substring bdhtml.inde...

QT實現列印預覽及生成Pdf功能

一 要實現列印功能，首先要在pro檔案中加上 qt printsupport 並且需要重新qmake 二 qt提供了qprintpreviewdialog 類，所以列印功能可以直接通過此對話方塊實現 三 要喚出 qprintpreviewdialog 對話方塊，需要使用 connect previe...

js列印功能

doprint function pagesetup null function catch e pagesetup default function catch e div class payment content fukuan style cursor pointer display none...