| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

jQuery打印插件(适用于针式打印) :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插件,否则打印不出内容.

项目主页:http://www.open-open.com/lib/view/home/1439012955754

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1439012955754.html
jQuery插件 Chest-Print