杰表技术论坛 » 杰表云打印(JCP)，jatoolsPrinter » 使用jatoolsPrinter最新免费版实现套打

admin 发表于 2016-11-7 11:05

使用jatoolsPrinter最新免费版实现套打

[color=#333333][font=Arial]因为目前项目需要实现缴费凭证套打，考虑使用jatoolsPrinter的功能，但是公司不肯掏钱买付费版，只能使用免费版了。废话不说了，进入正题。[/font][/color]
[color=#333333][font=Arial]首先去官网下载免费版，[url=http://printfree.jatools.com/]http://printfree.jatools.com/[/url][/font][/color]
[color=#333333][font=Arial]以下代码引入插件[/font][/color]

[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][javascript][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*]<OBJECT  ID="jatoolsPrinter" CLASSID="CLSID:B43D3361-D075-4BE2-87FE-057188254255"
[*]      codebase="/test/plugin/jatoolsPrinter.cab#version=8,6,0,0" width="0" height="0">  [*] </OBJECT>  [/list][/size][/font]
[color=#333333][font=Arial]codebase是cab包的路径 根据自己的项目引入即可，以我的工程为例 test是我的项目名 plugin是WEB-INF下的一个文件夹，cab放在此文件夹下[/font][/color]

[color=#333333][font=Arial]以下是打印方法[/font][/color]
[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][javascript][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*][b]function[/b] doPrint() {  [*]    myDoc = {  [*]     settings: {  [*]               pageWidth: 2100,  [*]               pageHeight: 1400,  [*]               orientation: 2},//2代表横向打印
[*]        documents: document,  [*]        marginIgnored:[b]true[/b],  [*]        dragDesigner: {viewSource:[b]true[/b]},  [*]        settingsID: 'mydoc3',  [*]        classesReplacedWhenPrint: [b]new[/b] Array('.only_for_print{display:block}'),  [*]        copyrights: "杰创软件拥有版权  [url]www.jatools.com[/url]"
//一定要加
[*]    }  [*]    [b]var[/b] jatoolsPrinter = document.getElementById("jatoolsPrinter");  [*]    jatoolsPrinter.printPreview(myDoc);  [*]}  [/list][/size][/font]
[color=#333333][font=Arial]其次是div部分了[/font][/color]
[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][html][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*][b]<[/b][b]input[/b]
type="button"
value="打印预览"
onClick="doPrint();"[b]>[/b]
[/list][/size][/font]
[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][html][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*][b]<[/b][b]div[/b]
id="page1"
class='only_for_print pagestyle'
style='width:210mm;height:140mm;position:relative;'[b]>[/b]
[*]    [b]<[/b][b]img[/b]
class='screen-only'
src="/images/changquanchu.jpg"
style="position:absolute;width:100%;height:100%"[b]/>[/b]
[*]            [b]<[/b][b]div[/b]
id='f1'
draggable='true'
class='f1'[b]>[/b]项目编号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f2'
draggable='true'
class='f2'[b]>[/b]建设单位[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f3'
draggable='true'
class='f3'
[b]>[/b]联系单编号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f4'
draggable='true'
class='f4'[b]>[/b]项目性质[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f5'
draggable='true'
class='f5'[b]>[/b]增加面积[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f6'
draggable='true'
class='f6'
[b]>[/b]项目名称[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f7'
draggable='true'
class='f7'[b]>[/b]许可证面积[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f8'
draggable='true'
class='f8'[b]>[/b]项目地址[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f9'
draggable='true'
class='f9'[b]>[/b]许可证证号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f10'
draggable='true'
class='f10'[b]>[/b]补缴面积[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f11'
draggable='true'
class='f11'[b]>[/b]补缴金额[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f12'
draggable='true'
class='f12'[b]>[/b]经办人[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f13'
draggable='true'
class='f13'[b]>[/b]领单人[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f14'
draggable='true'
class='f14'[b]>[/b]2016[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f15'
draggable='true'
class='f15'[b]>[/b]09[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f16'
draggable='true'
class='f16'[b]>[/b]08[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f17'
draggable='true'
class='f17'[b]>[/b]编号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f18'
draggable='true'
class='f18'[b]>[/b]建设单位[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f19'
draggable='true'
class='f19'[b]>[/b]联系单编号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f20'
draggable='true'
class='f20'[b]>[/b]项目性质[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f21'
draggable='true'
class='f21'[b]>[/b]增加面积[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f22'
draggable='true'
class='f22'[b]>[/b]项目名称[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f23'
draggable='true'
class='f23'[b]>[/b]许可证面积[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f24'
draggable='true'
class='f24'[b]>[/b]项目地址[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f25'
draggable='true'
class='f25'[b]>[/b]许可证证号[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f26'
draggable='true'
class='f26'[b]>[/b]联系人[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f27'
draggable='true'
class='f27'[b]>[/b]联系电话[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f28'
draggable='true'
class='f28'[b]>[/b]2016[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f29'
draggable='true'
class='f29'[b]>[/b]09[b]</[/b][b]div[/b][b]>[/b]
[*]            [b]<[/b][b]div[/b]
id='f30'
draggable='true'
class='f30'[b]>[/b]08[b]</[/b][b]div[/b][b]>[/b]
[*][b]</[/b][b]div[/b][b]>[/b]
[/list][size=14px][url=][img]http://static.blog.csdn.net/images/save_snippets.png[/img][/url][/size]
[/size][/font]
[color=#333333][font=Arial]f1-f30是我需要套打的数据，img里面是我要套打的底图，通过绝对定位将数据定位在底图上就实现套打了，简短起见我就贴部分css了，这要根据你的底图调整。[/font][/color]
[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][html][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*].f1{left:690px;top:154px}/* 项目编号 */  [/list][/size][/font]
[font=Consolas, &quot][size=12px][font=Verdana, Geneva, Arial, Helvetica, sans-serif][size=9px][b][html][/b] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]view plain[/url] [url=http://blog.csdn.net/zhongyy1991/article/details/52485928#]copy[/url]

[/size][/font]

[list=1][*]...  [*].f30{left:289px;top:198px}/* 建设单位 */  [/list][/size][/font]
[color=#333333][font=Arial]现在说几点需要注意的地方：[/font][/color]
[color=#333333][font=Arial]1：如果你需要套打的是word 你可以将你的word转成图片 然后将此图片做为底图按照上面方式实现即可。word自带的虚拟打印机可以实现，但是我试了好像一般的office都没带安装包。我用是FinePrint转换的。[/font][/color]
[color=#333333][font=Arial]2：我上面的比例是A4打印，'width:210mm;height:140mm' 如果你不是A4打印 需要根据你实际的打印大小调整。[/font][/color]
[color=#333333][font=Arial]OK 到此为止 接下来就是你们操刀实践的时候了。[/font][/color]

[color=#333333][font=Arial]原文出处：[url=http://blog.csdn.net/zhongyy1991/article/details/52485928]http://blog.csdn.net/zhongyy1991/article/details/52485928[/url][/font][/color]

查看完整版本: 使用jatoolsPrinter最新免费版实现套打