(测试可用)针式打印机打印WEB页面字体不清晰,解决方法

        由于针式打印机主要是用于发票打印,分辨率不是很高,而WEB打印时用WINDOWS默认的打印方式,是

先生成图片以后才打印,所以清晰度不够,打印出来的字有断断续续的感觉。打印办法就是利用JS的重新对打

印内容进行渲染。

       本文附件中引入了一个DEMO,里面包含了 Jquery.min.js 和 Jquery.jqprint.js 文件,直接在 html、jsp、

php 等页面中引入这两个文件,然后定义一个按键触发打印方法即可。

实现方法

     1 引用jquery和,jqprint到您的页面

     

< script  language = "javascript"  src = "jquery-1.4.4.min.js" ></ script >
< script  language = "javascript"  src = "jquery.jqprint-0.3.js" ></ script >
     
    2  定义打印的内容,用
       <div id="printContent">
                打印测试
       </div>
    3 定义打印方法
 
<script language= "javascript" >
function  exePrint (){
         $( "#printContent" ).jqprint();
     }
</script>
   
    3 定义按钮触发打印方法
    
< input  type = "button"  onclick = "exePrint()"  value = "打印" />
 
    4 相关参数
    $("#printContent").jqprint()   中还可以设置相关的参数,具体参数如下
 
    
$( "# printContent" ).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
});
 
    注意点:
       由于是通过 jqprint 中重新渲染,所以写在 <head></head> 中的样式是不起作用的,要保证CSS
   样式正常显示,必须要将CSS样子定义到css 文件中,并用 <link src="file...">引用,并将参数
importCSS:  true ,
 
   
   
    
    
    

猜你喜欢

转载自hwzyyx.iteye.com/blog/2352578