(分享)基于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())

 


(分享)基于JQuery的WEB套打设计器jatoolsPrinter2.0
 

 

在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 的标线对齐方式,对单个对象的对齐是不错的,很炫很灵活,如下图所示:

  

   
(分享)基于JQuery的WEB套打设计器jatoolsPrinter2.0
 

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

  1. 多对象对齐及等大小,如图:

   
   
(分享)基于JQuery的WEB套打设计器jatoolsPrinter2.0
 
 

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

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

你可能感兴趣的:(web套打,设计器)