打印

套打设计教程

three 该用户已被删除

1^# 大中小发表于 2010-3-5 16:25 只看该作者

套打设计教程

jatoolsPrinter的套打功能是大家比较常用的一个功能。如何使用这个功能，大家经常会有些困惑，下面，我们深入介绍如何使用jatoolsPrinter来做套打，供大家参考。做套打，简单一句话，就是打印的内容，比如，套打支票时的帐号，金额，要打印到正确的位置上，不能错位。如何保证不错位？首先，你要做一个测试网页，网页中嵌入扫描得到的票据底图，将网页打印到实际票据中，通过css的width,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打印到实际票据上，观察是否大小一致。实际上，即使你在这两处填入了实际票据的正确大小，仍有可能出现很大的误差。因此，你需要几次打印后，几次调整后，才能保证两者一致。以下几种情形就是打印出来的图跟原图没有完全一致的情形： ·打印出来的底图小于实际票据。 碰到这种情况，需要调大三处的值

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

…

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

注：打印测试网页时，还会有一种不常见的情形，就是打印的底图和实际票据大小已经一致了，但是打印出来的图的左侧边缘没有打印出来。这个主要是因为打印机有个最小边距。这样不会影响到打印内容的，实际打印中底图是不会被打印出来。所以这个问题不需要担心。 2.增加打印内容 测试网页中底图大小跟原图一致以后就在代码中写上需要打印的内容，初始位置可以直接在css中写好，也可以任意放置，用拖放设计来完成。在代码中加上打印内容和打印内容的CSS .f1{left:132;top:242} .f2{left:289;top:242} …….. .f17{left:705;top:481} 形如：打印内容DIV