Jqprint 實現網頁打印:
(轉自:http://www.jq22.com/jquery-info347)
引入jqorint:
<script language="javascript" src="jquery-1.4.4.min.js"></script> <script language="javascript" src="jquery.jqprint-0.3.js"></script>
JS代碼:
<script language="javascript"> function a(){ $("#ddd").jqprint(); } </script>
Html:
<div id="ddd"> <table> <tr> <td>test</td> <td>test</td> <td>test</td> <td>test</td> <td>test</td> </tr> </table> </div> <input type="button" onclick=" a()" value="打印"/>
相關參數:
$("#printContainer").jqprint({
debug: false, //如果是true則可以顯示iframe查看效果(iframe默認高和寬都很小,可以再源碼中調大),默認是false
importCSS: true, //true表示引進原來的頁面的css,默認是true。(如果是true,先會找$("link[media=print]"),若沒有會去找$("link")中的css文件)
printContainer: true, //表示如果原來選擇的對象必須被納入打印(注意:設置為false可能會打破你的CSS規則)。
operaSupport: true//表示如果插件也必須支持歌opera瀏覽器,在這種情況下,它提供了建立一個臨時的打印選項卡。默認是true
});
制作A4紙打印的網頁像素設置:
(轉自:https://www.cnblogs.com/sun-star/p/3934299.html)
A4紙的尺寸是210mm*297mm,也就是21.0cm*29.7cm,而1英寸=2.54cm,如果屏幕DPI分辨率為72像素/英寸,換算一下:相當於1cm可呈現 (72px/2.54cm) = 28.34px
下面是一些常用分辨率下A4紙在屏幕上的像素尺寸:
分辨率是72像素/英寸時,A4紙的尺寸的圖像的像素是595×842;
分辨率是96像素/英寸時,A4紙的尺寸的圖像的像素是794×1123;(默認)
分辨率是120像素/英寸時,A4紙的尺寸的圖像的像素是1487×2105;
分辨率是150像素/英寸時,A4紙的尺寸的圖像的像素是1240×1754;
分辨率是300像素/英寸時,A4紙的尺寸的圖像的像素是2480×3508;
在公制長度單位與屏幕分辨率進行換算時,必須用到一個DPI(Dot Per Inch)指標。
經過我仔細的測試,發現了網頁打印中,默認采用的是96dpi,並非傳聞的72dpi
A4紙張的尺寸是210×297mm,按1英寸=25.41mm換算,即8.264×11.688英寸
所以,A4紙96dpi下的分辨率是794×1123,這就是我們在制作網頁的時候需要的象素。
但是打印機是無法滿幅打印的,總要有頁邊距,所以我們在制作網頁的時候必須減去頁邊距。
以下是我測試的各種頁邊距下,A4紙對應的象素尺寸:
打印頁邊距設定為 0mm 時,網頁內最大元素的分辨率:794×1123
打印頁邊距設定為 5mm 時,網頁內最大元素的分辨率:756×1086
打印頁邊距設定為 19.05mm 時,網頁內最大元素的分辨率:649×978
其他的大小,一般標准印刷300dpi時:
A4紙的尺寸的圖像的像素是2480×3508;
A3紙的尺寸的圖像的像素是4960×3508;
B3紙的尺寸的圖像的像素是3248×4300;
B4紙的尺寸的圖像的像素是3248×2150。
