微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Chest-Print 使用场景 jQuery 打印插件

程序名称:Chest-Print 使用场景

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

Chest-Print 使用场景 介绍

使用场景

Chest-Print 适用于针式打印机等需要定位打印的需求,如本人使用场景是打印快递单.

如何使用

插件主体是 as3 编写的 swf 文件,扩充部分写了一个 jQuery 小插件,所以需要引入 jQuery
包,swfobject 包。

  • 创建一个空 DIV 并创建 jQuery 对象:

    $(“#printAll”).printAll();

  • 需要一个 JSON 数组参数,数组中的对象为多 Page 打印,一个对象代表一个Page;Page对象中,存在width,height,frontSize(拼写错误,囧),content 属性;Page 对象中的 Content 属性一个打印元素对象数组,元素对象又有 left,top,name(打印无效属性,后台对象转化过来的属性),value(打印内容),width 属性,例子如下,这是打印一页快递单:

    var pages = [
                  {
                      “width”: “900”,
                      “height”: “600”,
                      “frontSize”: “12”,
                      “content”: [
                          {
                              “left”: “343”,
                              “top”: “345”,
                              “name”: “shipName”,
                              “value”: “收货人小凳子”,
                              “width”: “130”
                          },
                          {
                              “left”: “126”,
                              “top”: “373”,
                              “name”: “shipAddress”,
                              “value”: “山东省 临沂市 费县 世茂大道”,
                              “width”: “309”
                          },
                          {
                              “left”: “142”,
                              “top”: “308”,
                              “name”: “shipZip”,
                              “value”: “150000”,
                              “width”: “130”
                          },
                          {
                              “left”: “219”,
                              “top”: “434”,
                              “name”: “shipMobile”,
                              “value”: “13569696969”,
                              “width”: “179”
                          },
                          {
                              “left”: “358”,
                              “top”: “164”,
                              “name”: “deliverUserName”,
                              “value”: “王二虎”,
                              “width”: “134”
                          },
                          {
                              “left”: “127”,
                              “top”: “192”,
                              “name”: “deliverAddress”,
                              “value”: “辽宁省 沈阳市市辖区 淮海路”,
                              “width”: “253”
                          },
                          {
                              “left”: “136”,
                              “top”: “131”,
                              “name”: “deliverZip”,
                              “value”: “1456253”,
                              “width”: “161”
                          },
                          {
                              “left”: “210”,
                              “top”: “258”,
                              “name”: “deliverMobile”,
                              “value”: “15369554687”,
                              “width”: “153”
                          }
                      ]
                  }
              ]

  • 调用打印方法,弹出打印设置,进行打印

    $(“#printAll”).printAll.print(pages);

注意事项

  1. 首先要注意flash安全沙箱问题,请在测试环境下测试(ip或域名),文件结构会报错.

  2. 同样是flex问题,需要弹出打印设置系统设置,并不能直接打印(安全相关).

  3. chrome浏览器flash插件有2个,需要禁用自带flash插件,否则打印不出内容.

Chest-Print 使用场景 官网

https://github.com/angelicarea/chest-print

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐