jQuery打印插件(适用于针式打印) ：Chest-Print
jopen
9年前
使用场景
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); 注意事项
-
首先要注意flash安全沙箱问题,请在测试环境下测试(ip或域名),文件结构会报错.
-
同样是flex问题,需要弹出打印设置系统设置,并不能直接打印(安全相关).
-
chrome浏览器flash插件有2个,需要禁用自带flash插件,否则打印不出内容.