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

开发web套打应用时，如快递单打印，一般要经过以下步骤：

1. 扫描快递单据，保存成一个图片文件

2. 将底图作成<img>

3. 在<img>上放置打印项，试着打印到打印机，观察有无偏移

4. 有偏移，则调整，再试打。

5. 无偏移，则将样张，改造成相应语言的动态页面，如jsp,asp,php等。

 

上述过程中，如果没有可视化的设计工具，3，4两步是最麻烦的，往往要经过多次调整，特

别是单据比较多的应用，工作量挺大。所以，jatoolsPrinter打印控件的套打开发设计器，

就是帮助你简化套打对齐工作，并可以为后续的运行时套打调整打好基础。

在有了可视化设计功能，可以使用户在控件中，就能调整位置，不仅如此，由于控件中指定

位置，是在真实的、可视化的打印环境中，使用户不必考虑边距的问题，做到完全的所见即

所得，可大大提升套打设计的效率。

 

 

以下从纯技术实现层面具体描述: 

   支持ie6~ie10，firefox，chrome等主流浏览器，

   自定义纸张大小，横纵向选择，底图加载，背景亮度调节，

   字体大小、颜色、加粗设置，

   边框设置，

   复制、粘贴、剪切、删除操作，

   文本框、输入框、条形码元素选择,在进行2个或几个单元格对齐时会自动出现绿色校准线来进行位置校准。

   具有操作打印元素时，在工作区内的各种有效操作都能记录到一个栈中，然后可以进行 

   撤销（undo()）或重做（redo()）

 

 

 

在jatoolsPrinter1.0推出后，受到了大家的欢迎，非常感谢大家的积极参与，并且提供了一些非常棒的想法跟建议。

 

现做出如下更新：

1.添加了在线演示功能 http://print.jatools.com/jatoolsPrinterUI/#   （不用下载就能看见使用效果，支持网友上传自己的底图。）

2.功能介绍视频 :http://v.ku6vms.com/player/default_0.0029.swf?vid=JhHaBZW9mSs7lv3j&style=y8YJPXC543Ho0yTo&sn=1JRp6_RB6ObxwtuywLq4Bw..&sp=http://v.ku6vms.com/~

2.发现原来用的类似adobe illustraitor 的标线对齐方式，对单个对象的对齐是不错的，很炫很灵活，如下图所示：

  

   

 

  但如果想多个对象一起对齐，就不方便了，所以增加了两个功能：

  1. 多对象对齐及等大小，如图：

   
   

 
 

  2. 键盘方向键移动对象。

 下载地址：http://print.jatools.com/jatoolsPrinter-with-dev-designer.msi