（分享）基于JQuery的WEB套打设计器jatoolsPrinter1.0

2013-07-19 01:04:01 1.9万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

zhouchibocool1 墨衍会员 · AI 创作全网分发关注 + 加入社区

数字蓝牙功放数字蓝牙功放（TPA3110+BK8000L），基于D类数字功放芯片TPA3116蓝牙功放，HIFI级带滤波15Wx2蓝牙数字功放，支持有线和蓝牙两种音源输入阅读详情

开发web套打应用时，如快递单打印，一般要经过以下步骤：
1. 扫描快递单据，保存成一个图片文件
2. 将底图作成<img>
3. 在<img>上放置打印项，试着打印到打印机，观察有无偏移
4. 有偏移，则调整，再试打。
5. 无偏移，则将样张，改造成相应语言的动态页面，如jsp,asp,php等。

上述过程中，如果没有可视化的设计工具，3，4两步是最麻烦的，往往要经过多次调整，特
别是单据比较多的应用，工作量挺大。所以，jatoolsPrinter打印控件的套打开发设计器，
就是帮助你简化套打对齐工作，并可以为后续的运行时套打调整打好基础。
在有了可视化设计功能，可以使用户在控件中，就能调整位置，不仅如此，由于控件中指定
位置，是在真实的、可视化的打印环境中，使用户不必考虑边距的问题，做到完全的所见即
所得，可大大提升套打设计的效率。

以下从纯技术实现层面具体描述:
支持ie6~ie10，firefox，chrome等主流浏览器，
自定义纸张大小，横纵向选择，底图加载，背景亮度调节，
字体大小、颜色、加粗设置，
边框设置，
复制、粘贴、剪切、删除操作，
文本框、输入框、条形码元素选择,在进行2个或几个单元格对齐时会自动出现绿色校准线来进行位置校准。
具有操作打印元素时，在工作区内的各种有效操作都能记录到一个栈中，然后可以进行
撤销（undo()）或重做（redo()）