Board logo

标题: 套打设计教程 [打印本页]

作者: three    时间: 2010-3-5 16:25     标题: 套打设计教程

jatoolsPrinter的套打功能是大家比较常用的一个功能。如何使用这个功能,大家经常会有些困惑,下面,我们深入介绍如何使用jatoolsPrinter来做套打,供大家参考。 做套打,简单一句话,就是打印的内容,比如,套打支票时的帐号,金额,要打印到正确的位置上,不能错位。 如何保证不错位?首先,你要做一个测试网页,网页中嵌入扫描得到的票据底图,将网页打印到实际票据中,通过csswidth,height,padding-left,padding-top等属性,来确保打印出来的底图与实际票据大小一致,并保持重合(即上下左右四角重合)。 其次,在你的测试网页中,加入你要打印的内容,比如,帐号,金额,开户行等,并用jatoolsPrinter的拖放设计功能,将这些打印项,拖放到正确位置,并得到这些打印项的位置信息,并把这些信息嵌入到正式打印页面的

套打位置的拖放调整 打印预览...">

'width:210mm;height:140mm;position:relative'> 'width:210mm;height:140mm;'/>
本页面中的page1这个div将被打印出来,这个div内嵌一个img,其中bk.jpg是你扫描得来的根据底图。 本页面中的三个地方,即红色标出的部分,涉及到了票据的大小。所以你要测量出实际票据的大小,并填入这三个地方,注意,第一处是以1/10mm为单位。 完成以上代码以后开始打印,用测试网页中的打印按钮,将page1打印到实际票据上,观察是否大小一致。实际上,即使你在这两处填入了实际票据的正确大小,仍有可能出现很大的误差。因此,你需要几次打印后,几次调整后,才能保证两者一致。以下几种情形就是打印出来的图跟原图没有完全一致的情形: ·打印出来的底图小于实际票据。 碰到这种情况,需要调大三处的值

·打印出来的底图偏上,偏左了。 这时,你可以增加page1padding-left,padding-top属性来控制,

·打印出来的底图偏下,偏右了。 如下所示,这种情况几乎不可能出现,因为已经是零边距打印了(marginIgnored:true)

注: 打印测试网页时,还会有一种不常见的情形,就是打印的底图和实际票据大小已经一致了,但是打印出来的图的左侧边缘没有打印出来。这个主要是因为打印机有个最小边距。这样不会影响到打印内容的,实际打印中底图是不会被打印出来。所以这个问题不需要担心。 2.增加打印内容 测试网页中底图大小跟原图一致以后就在代码中写上需要打印的内容,初始位置可以直接在css中写好,也可以任意放置,用拖放设计来完成。 在代码中加上打印内容和打印内容的CSS .f1{left:132;top:242} .f2{left:289;top:242} …….. .f17{left:705;top:481} 形如: 打印内容DIV
张飞
1985
………
06
25
此时img 里面加上了class='screen-only' 属性目的是只在打印预览时可见。而不打印出来。 点击打印预览---拖放设计操作 将打印内容拖放到对应的位置上。

点击查看源码可以看到拖放完成后Div的位置信息。 点击确定,页面的style信息就被保存起来了。

完整代码如下 </font><font color="blue"><font face="宋体 ">套打位置</font></font><font color="blue"><font face="宋体 ">的拖放调整</font></font><font color="blue">

套打位置的拖放调整 打印预览...">

张飞
1985
05
23
2003
09
07
2007
信息管理
1234567890123
杭州XXX大学
诸葛亮
2007
06
25
[ 本帖最后由 three 于 2010-4-15 14:22 编辑 ]

图片附件: image001.png (2010-3-5 16:25, 306.29 KB) / 该附件被下载次数 10778
http://bbs.jatools.com/attachment.php?aid=190&k=4b9f07f9e59ff1c1a1768bb329f8b0e0&t=1714098205



图片附件: image003.jpg (2010-3-5 16:25, 244.28 KB) / 该附件被下载次数 10753
http://bbs.jatools.com/attachment.php?aid=191&k=c4b01080edcd5df7e70b8a9cb33e72bf&t=1714098205



图片附件: image005.jpg (2010-3-5 16:25, 246.14 KB) / 该附件被下载次数 10662
http://bbs.jatools.com/attachment.php?aid=192&k=6e06ec5473fd1bc01c6203f4e50bdfbb&t=1714098205



图片附件: image007.png (2010-3-5 16:25, 417.79 KB) / 该附件被下载次数 10764
http://bbs.jatools.com/attachment.php?aid=193&k=40cd44c66c189311dc72dbf1b669c8fe&t=1714098205



图片附件: image009.png (2010-3-5 16:25, 413.23 KB) / 该附件被下载次数 10678
http://bbs.jatools.com/attachment.php?aid=194&k=46289fc5a0367ab0df4319949505f897&t=1714098205



附件: taoda.rar (2010-3-5 16:32, 186.54 KB) / 该附件被下载次数 11821
http://bbs.jatools.com/attachment.php?aid=195&k=7c3211f36e5b6b7712d8799cc60a457d&t=1714098205
作者: fengweiyou    时间: 2014-5-16 16:24     标题: 很好 很强大

很好 很强大
作者: songjie1219    时间: 2014-11-9 21:00

为什么一点打印预览就弹出"没有正确指定documents 或 copyrights 属性!"

图片附件: 小Q截图-20141108171617.png (2014-11-9 21:00, 7.75 KB) / 该附件被下载次数 7899
http://bbs.jatools.com/attachment.php?aid=711&k=e7ca38f40283a0cc747985d6e4f8f965&t=1714098205


作者: admin    时间: 2014-11-10 09:03

请下载最新版本,并从示例中,复制过来 copyrights属性
作者: sixten    时间: 2015-11-4 08:52

我的控件没有拖放设计也没有查看源码啊
作者: admin    时间: 2015-11-5 12:18

请下载 print.jatools.com/jatoolsPrinter_demo.zip 这个版本有
作者: zhangjack11115    时间: 2016-1-7 16:58     标题: 没有指定


作者: zhangjack11115    时间: 2016-1-7 16:59     标题: 没有正确指定documents 或 copyrights 属性!

没有正确指定documents 或 copyrights 属性!
作者: wangyonggang    时间: 2016-12-13 18:18

已经点了setup安装了,代码也是跟这一模一样,但是点击打印按钮没有任何反应,控制台显示printview is not a function
作者: haipor    时间: 2017-1-6 17:07

已经点了setup安装了,代码也是跟这一模一样,但是点击打印按钮没有任何反应,控制台显示printview is not a function请问版主,这个应该如何解决?




欢迎光临 杰表技术论坛 (http://bbs.jatools.com/) Powered by Discuz! 6.1.0