代码生成打印模板

代码生成打印模板,用户通过调用添加模板元素对应的函数方法,动态的组件打印模板。使用方便,简单清晰。

初始化

var hiprintTemplate = new hiprint.PrintTemplate();代码生成模板之前,需完成hiprint初始化。创建模板对象,添加面板


var hiprintTemplate = new hiprint.PrintTemplate();

var panel = hiprintTemplate.addPrintPanel({ width: 100, height: 130, paperFooter: 340, paperHeader: 10 });  
                 

普通文本

普通文本分为3种类型:文本类型条形码类型二维码类型


panel.addPrintText({ options: { width: 140, height: 15, top: 20, left: 20, title: 'hinnn插件手动添加text', textAlign: 'center' } });
                 

条形码

条形码属于文本类型其中一个。{ textType:'barcode' }


panel.addPrintText({ options: { width: 140, height: 35, top: 40, left: 20, title: '123456', textType: 'barcode' } });
                 

二维码

二维码属于文本类型其中一个。{ textType:'qrcode' }


panel.addPrintText({ options: { width: 35, height: 35, top: 40, left: 165, title: '二维码', textType: 'qrcode' } });
                 

长文本

当文字内容较多会引起分页,用户可选择长文本类型,hiprint会计算每页的字数,完成分页。


panel.addPrintLongText({ options: { width: 180, height: 35, top: 90, left: 20, title: '长文本:' } });
                 

表格

表格行数过多会引起分页,hiprint会计算每页的行数,完成分页。


panel.addPrintTable({ options: { width: 252, height: 35, top: 130, left: 20, content: $('#testTable').html() } });
                 

Html

用户自定义html块。


                                               panel.addPrintHtml({ options: { width: 140, height: 35, top: 180, left: 20, content:'' } });
                 

横线

用户可结合矩形、横线、竖线、椭圆完成票据布局设计。


panel.addPrintHline({ options: { width: 140, top: 245, left: 120 } });
                 

竖线

用户可结合矩形、横线、竖线、椭圆完成票据布局设计。


panel.addPrintVline({ options: { height: 35, top: 230, left: 20 } });
                 

矩形

用户可结合矩形、横线、竖线、椭圆完成票据布局设计。


panel.addPrintRect({ options: { width: 35, height: 35, top: 230, left: 60 } });
                 

椭圆

用户可结合矩形、横线、竖线、椭圆完成票据布局设计。


panel.addPrintOval({ options: { width: 35, height: 35, top: 230, left: 60 } });