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

zhouchibocool1 2013-09-23 08:56:13
加精
开发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
...全文
5300 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_22386823 2014-11-13
  • 打赏
  • 举报
回复
感觉不错,但实际还需要操作一下
qq_16635937 2014-06-18
  • 打赏
  • 举报
回复
不错很专业的控件。
  • 打赏
  • 举报
回复
我能说这个东西去年已经上过首页了吗 别问我是怎么知道的 因为我下载过
lhl84013686 2014-06-18
  • 打赏
  • 举报
回复
在线版上传底图有问题,无法上传
qzkjlin 2014-06-17
  • 打赏
  • 举报
回复
哇,还不错,支持下~~
jmppok 2014-06-17
  • 打赏
  • 举报
回复
申江渔夫 2014-06-17
  • 打赏
  • 举报
回复
很专业的控件。
q107770540 2014-06-17
  • 打赏
  • 举报
回复
laoer_2002 2014-06-17
  • 打赏
  • 举报
回复
谢谢楼主分享
卖水果的net 2014-06-17
  • 打赏
  • 举报
回复
哇,还不错,支持下~~
  • 打赏
  • 举报
回复
这个有破解的版本吗。
沽疯颂雅 2013-09-24
  • 打赏
  • 举报
回复
哇,还不错,支持下~~

4,816

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 图表区
社区管理员
  • 图表区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧