Hiprint
  • Hiprint2中文文档
  • Hiprint在线实例
  • Hiprint转PDF
  • 更新日志
  • 模板设计
  • 下载 v2.5.3
  • q群 867788017(满),561844693 vip群 866855396
  • 实例
  • 实例2
  • 实例3
  • 开始
  • 模板
  • 面板
  • 文本
  • 图片
  • 横线
  • 竖线
  • 矩形
  • 椭圆
  • 表格
  • 长文
  • html
  • 页码
  • 页眉
  • 页脚

函数方式 用户调用 添加元素函数生成打印模板

  • hiprint.init();
  • var hiprintTemplate = new hiprint.PrintTemplate();
  • var panel = hiprintTemplate.addPrintPanel({ width: 100, height: 130, paperFooter: 340, paperHeader: 10 });
  • //文本
    panel.addPrintText({ options: { width: 140, height: 15, top: 20, left: 20, title: 'hiprint插件手动添加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: '123456', textType: 'qrcode' } });
  • //长文本
    panel.addPrintLongText({ options: { width: 180, height: 35, top: 90, left: 20, title: '长文本:hiprint是一个很好的webjs打印,浏览器在的地方他都可以运行' } });
  • //表格
    panel.addPrintTable({ options: { width: 252, height: 35, top: 130, left: 20, content: $('#testTable').html() } });
  • //Html
    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 } });
  • //打印设计
    hiprintTemplate.design('#hiprint-printTemplate');

添加面板addPrintPanel

名称 类型 描述 默认值
var hiprintTemplate = new hiprint.PrintTemplate();
var panel=hiprintTemplate.addPrintPanel();//默认添加A4大小的面板
var panel=hiprintTemplate.addPrintPanel({width:30,height:50 });//参数请参考下方列表
width number 宽度(毫米) A4宽
height number 高度(毫米) A4高
paperType string A3,A4等 自定义则为空 A4
paperHeader number 页眉线top值(单位pt),默认0,可空 0
paperFooter number 页尾线top值(单位pt),默认等于纸张高度对应的pt值,可空 纸张高pt
paperNumberLeft number 页码left(pt) 默认纸张宽pt-20 可空 张宽pt-20
paperNumberTop number 页码top(pt) 默认纸张高pt-20 可空 高pt-20
paperNumberDisabled boolean 禁用页码。默认false 可空 false
rotate boolean 旋转 比如A4纸旋转 上面宽和高需要对换 默认false可空 false

添加文本addPrintText

名称 类型 描述 默认值
panel.addPrintText({ options:{ width:10,height:10,top:10,left:0,title:'嗨牛牛牛' } });
options必填 object 文本属性 null
printElementType object 打印对象类型,参数详情参考文本栏目可空 null

options

名称 类型 描述 默认值
width必填 number 宽度(pt)
height必填 number 高度(pt)
left必填 number 定位left(pt)
top必填 number 定位top(pt)
title string 文本内容或标题

添加长文本addPrintLongText

名称 类型 描述 默认值
panel.addPrintLongText({ options:{ width:10,height:10,top:10,left:0,title:'嗨牛牛牛' } });
options必填 object 文本属性 null
printElementType object 打印对象类型,参数详情参考文本栏目可空 null

options

名称 类型 描述 默认值
width,height,left,top必填 number 单位(pt)
title string 文本内容或标题

添加表格addPrintTable

名称 类型 描述 默认值
panel.addPrintTable({ options:{ width:10,height:10,top:10,left:0,content:''||$('') } });
options必填 object 表格属性 null
printElementType object 打印对象类型,参数详情参考表格栏目可空 null

options

名称 类型 描述 默认值
width,height,left,top必填
content string 表格html string

添加Html addPrintHtml

名称 类型 描述 默认值
panel.addPrintHtml({ options:{ width:10,height:10,top:10,left:0,content:''||$('') } });
options必填 object html属性 null
printElementType object 打印对象类型,参数详情参考html栏目可空 null

options

名称 类型 描述 默认值
width,height,left,top必填
content string||$('') html string或$(target)

添加图像 addPrintImage

名称 类型 描述 默认值
panel.addPrintImage({ options:{ width:10,height:10,top:10,left:0,src:'' } });
options必填 object 图片属性 null
printElementType object 打印对象类型,参数详情参考图片栏目可空 null

options

名称 类型 描述 默认值
width,height,left,top必填
src string 图片地址

添加横线 addPrintVline

名称 类型 描述 默认值
panel.addPrintVline({ options:{ width:10,height:10,top:10,left:0 } });

添加竖线 addPrintHline

名称 类型 描述 默认值
panel.addPrintHline({ options:{ width:10,height:10,top:10,left:0 } });

添加矩形 addPrintRect

名称 类型 描述 默认值
panel.addPrintRect({ options:{ width:10,height:10,top:10,left:0 } });
  • 预览
  • 打印
  • hiprint.init();
  • var hiprintTemplate = new hiprint.PrintTemplate();
  • var panel = hiprintTemplate.addPrintPanel({ width: 100, height: 130, paperFooter: 340, paperHeader: 10 });
  • //文本
    panel.addPrintText({ options: { width: 140, height: 15, top: 20, left: 20, title: 'hiprint插件手动添加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: '123456', textType: 'qrcode' } });
  • //长文本
    panel.addPrintLongText({ options: { width: 180, height: 35, top: 90, left: 20, title: '长文本:hiprint是一个很好的webjs打印,浏览器在的地方他都可以运行' } });
  • //表格
    panel.addPrintTable({ options: { width: 252, height: 35, top: 130, left: 20, content: $('#testTable').html() } });
  • //Html
    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 } });
  • //打印设计
    hiprintTemplate.design('#hiprint-printTemplate');

打印预览

测试 测试 测试 测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试
测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试 测试测试测试测试测试