杰表技术论坛 's Archiver

admin 发表于 2017-12-19 10:38

【jcp使用手册】仅在预览时可见,不输出到打印机的套打底图

套打时,一般会先扫描事先印好的票据底图,便于对齐及预览,但打印时(调用print方法,或者调用printPreview方法后,按其中的打印按钮时),不希望把底图打印到打印机,这时,你可以在myDoc中设置,enableScreenOnlyClass ,在底图的那个 <img>对象上,设置其screen-only样式类即可:

[code]<script>  
...  
    //打印文档对象  
    var myDoc = {  
        // 使所有使用 screen-only 样式类的对象,只在预览、显示时可见,打印时隐藏  
        enableScreenOnlyClass : true,   
        documents : document,  
        copyrights : '杰创软件拥有版权  www.jatools.com'  
    };  
    getJCP().print(myDoc);  
...  
</script>  
...  
<div id="page1">  
    <img src="dt.jpg" class='screen-only'>  
    <div>培训费</div>  
    ...  
</div>[/code]  
凡是在myDoc中设置了enableScreenOnlyClass 为true, 则实际打印时,html中所有样式类为screen-only的元素,自动被设置为不可见(display:none)。

admin 发表于 2017-12-19 10:39

在线示例:[url=http://print.jatools.com/jcp/0.99/enableprintingclass.htm]http://print.jatools.com/jcp/0.99/enableprintingclass.htm[/url]

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.