插件描述：HiPrint 简单、直观、快速的JS打印插件，让打印更省时、省力
更新时间：2019-05-28 23:07:45
更新说明：代码优化升级
更新时间：2019-05-212 21:03:24
更新说明：优化代码
1 2 3 4 5 6 7 8 9 10 11 12 | <!-- hiprint 打印初始化，更多参数请查看文档 -->hiprint.init();<!-- 创建打印模板对象-->var hiprintTemplate = new hiprint.PrintTemplate();<!-- 模板对象添加打印面板 paperHeader：页眉线 paperFooter：页尾线-->var panel = hiprintTemplate.addPrintPanel(｛ width: 100, height: 130, paperFooter: 340, paperHeader: 10 ｝);<!-- 文本 打印面板添加文本元素-->panel.addPrintText(｛ options: ｛ width: 140, height: 15, top: 20, left: 20, title: 'hinnn插件手动添加text', textAlign: 'center' ｝ ｝);<!-- 条形码 打印面板添加条形码元素-->panel.addPrintText(｛ options: ｛ width: 140, height: 35, top: 40, left: 20, title: '123456', textType: 'barcode' ｝ ｝);<!-- 二维码 打印面板添加二维码元素-->panel.addPrintText(｛ options: ｛ width: 35, height: 35, top: 40, left: 165, title: '二维码', textType: 'qrcode' ｝ ｝);<!-- 长文本 打印面板添加长文本元素-->panel.addPrintLongText(｛ options: ｛ width: 180, height: 35, top: 90, left: 20, title: '长文本：' ｝ ｝);<!-- 表格 打印面板添加表格元素 content为字符串 -->panel.addPrintTable(｛ options: ｛ width: 252, height: 35, top: 130, left: 20, content: $('#testTable').html() ｝ ｝);<!-- html 打印面板添加自定义html content为字符串或$('..') -->panel.addPrintHtml(｛ options: ｛ width: 140, height: 35, top: 180, left: 20, content:'' ｝ ｝);<!-- 竖线 -->panel.addPrintVline(｛ options: ｛ height: 35, top: 230, left: 20 ｝ ｝);<!-- 横线 -->panel.addPrintHline(｛ options: ｛ width: 140, top: 245, left: 120 ｝ ｝);<!-- 矩形 -->panel.addPrintRect(｛ options: ｛ width: 35, height: 35, top: 230, left: 60 ｝ ｝); |
1 2 3 4 5 | <!-- customPrintJson:是textarea中的json,点击上方生成按钮即可生成 -->var printTemplate=new hiprint.PrintTemplate({ template: customPrintJson });<!-- printData是打印所对应的数据，getSimpleHtml：获取html(已分页),可自行预览,后台转PDF 转图片或打印 -->var $html= hiprintTemplate.getSimpleHtml(printData); <!-- 打印：html已获得，打印js 大家可自行选择合适的进行打印，但记得传入print-lock.css --> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery下拉菜单插件
- 下一个特效： 基于ztree的下拉树