手把手教你WEB套打程序开发设置.doc

手把手教你 WEB 套打程序开发( 入门学****WEB 套打可选方案不多,理想的更少,利用免费控件 Lodop+JavaScript 实现精确套打,算是较为经典的选择。这种方案其实比较简单,利用一个 htm 文件就可以实现模板设计过程,几乎是“空手套”式的开发,但理解这几个步骤还是需要点时间,下面一步步详细演示说明: 第一步:建立一个空白的模板设计文件把以下超文本代码复制到一个本地 htm 文件中: 本文模拟 EMS 特快专递单的程序开发,文件起名为 ,权且称它为模板设计文件。第二步:用浏览器打开该文件在本地文件夹中双击该文件就可以打开,但在进入设计之前,你的机器需要安装 Lodop ,如果还没安装过, 请在如下地址下载安装文件(解压 rar 后运行那个 exe 文件,Lodop 是一个 1M左右的小文件): http://mt./samples/ 或./samples/ 第三步:准备设计成功安装 Lodop 之后再次打开模板设计文件 ,点击其中“模板设计”链接,就弹出如下空白的打印设计窗口: 为了尽快定位模板中的数据位置,你需要做一张票据扫描图作为背景,当然没有扫描图也能完成,只是需要多摸索几次,费点时间而已。下面是我做的 EMS 扫描图,你把该图另存成一个 jpg 文件,以便我们一起完成后面的演示步骤。第四步:装载背景图并调整图片大小在打印设计窗口,点下图所示的“装载背景图... ”菜单,调入以上保存的 EMS 图片文件。装载背景图后,点上图所示的“调整背景图... ”菜单,弹出下图“背景图调整”窗口,设定其中的图片宽度为 209mm, 高度 113mm 会自动变化。这个宽度值是我测量实际票据得来的。如果扫描图是按 1:1 比例获得的, 那么调整背景图这一步就免了。第五步:添加数据内容,开始打印测试点下图所示“插入文本项”菜单,添加打印内容,内容项可以拖拉或精细调整,基本对准之后,点击“预览”按钮(注意旁边的“打印”按钮是收费功能,纸上会有水印,而“预览时的打印”按钮是完全免费的,我们用后者) 。把内容打印到薄一点的白纸上,然后在阳光下与真实票据透亮对比,以最左最上的某个内容为基准,其它内容远近调整,如此反复测试直到所有内容相互位置都对准。这一步先做到内容之间的相互位置对准,等下一步处理整体位置。第六步:整体对准由于打印机左边距或上边距不一定是零或票据边缘有误差,所以尽管第五步打印出来的内容相互之间位置是准确的,但打印到真实票据上仍会整体偏离一些,需要进行整体位置调整。点击下图红圈所示的“纸钉”按钮, “纸钉”弹起后,整个设计版面就可以上下左右调整了,然后按上一步的办法打印测试,直到整体对准成功。为了避免浪费票据,打印时仍可用薄白纸测试,注意此时透光对照时,纸张的左边沿和上边沿要与票据对齐,通过观察内容的位置来判断是否整体对准。第七步:生成打印模板的程序代码套打测试成功后,点击第五步图中所示的“生成程序代码”菜单,出现下图结果,这些代码就是我们需要的模板程序代码,把他们复制出来,准备融合到你的页面程序中使用。第八步:完成打印模板设计文件想不想知道 WEB 套打有啥感觉?好,我们先做一个