js列印功能的實現(通用)

2021-09-11 01:52:17 字數 390 閱讀 8686

業務需求:基於bootstrap和layout的一套視覺化布局系統(用來自定義簡歷),在操作布局介面向預覽介面轉換時截一張預覽介面的儲存到後台。

最終方案:在操作介面轉換為預覽介面時對螢幕進行截圖,然後用列印截圖取代之前的直接列印節點**。截圖使用到html2canvas外掛程式

html2canvas($("#print"), 

var newwindow = window.open("", "_blank");

newwindow.window.print();

//解決img onload無限呼叫問題

imgcomplete = 1;

};},

usecors:true,

});

說明

js列印功能

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

js實現簡單pdf列印功能

js實現pdf列印功能的主要思想是,需要乙個pdf模板作為背景圖,然後採用拼內容的方式,將文字拼接到頁面中,列印頁面內容即可,需要注意的是pdf 背景尺寸。一 html中的列印按鈕,可以是a標籤也可以是其他標籤 二 在js中編寫printtrue 方法 function printture 三 拼值...

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

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