前端-网页打印-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。

猜你喜欢

转载自www.cnblogs.com/clis/p/12431439.html