前端-網頁打印-Jqprint-網頁打印像素設置


 

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。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM