業務需求:基於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...