(分享)基于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 web套打 --------------------编程问答-------------------- 哇,还不错,支持下~~
补充:.NET技术 , 图表区