第一次接触Lodop大概是在两年前了，那时候研究Lodop主要是为了验证它能不能实现打印时在不修改内容的前提下调整样式，结果是ok的，如今又一次接触它，是因为工作中需要使用它了，于是再一次碰面

Lodop的官方网站http://www.lodop.net/index.html很简单，但却很全面，有控件介绍，有在线示例，这些就已经足够了

第一步，当然要先从下载开始，下载最新版本的控件安装包，下载技术手册

第二步，根据技术手册的说明，完成一个实例，其实很简单了，Lodop真的做到了分分钟就能实现Web套打，先看看最后实现的效果

很酷吧，有背景，有文本，有图像，证件套打基本的元素都有了

下面看看代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

	String path = request.getContextPath();

	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>

		<title>index.html</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<script language="javascript" src="lodop/LodopFuncs.js"></script>

		<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>

			<embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>

		</object>

	</head>

	<body>

		<script language="javascript">

			var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));

		</script>

		<br>

		<button type="button" onclick="design()">

			设计模板

		</button>

		    

		<button type="button" onclick="view()">

			打印预览

		</button>

		<br>

		<textarea id="templateCode" cols="100" rows="30" style="background-color: #fff;"></textarea>

	</body>

	<script type="text/javascript">

	function view() {

		init();

		LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1);

		LODOP.PREVIEW();

	}

	function design() {

		init();

		document.getElementById('templateCode').value=LODOP.PRINT_DESIGN();

	}

	function init() {

		LODOP.PRINT_INIT("打印身份证");

		LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='<%=basePath%>/images/身份证背面.png'>");

		LODOP.SET_PRINT_STYLE("FontSize",11);

		LODOP.ADD_PRINT_TEXT(184,117,172,20,"1234567890X");

		LODOP.SET_PRINT_STYLEA(0,"FontName","新宋体");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",10);

		LODOP.ADD_PRINT_TEXT(34,63,46,20,"张三");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(61,72,22,20,"男");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(60,142,21,20,"汉");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(114,62,219,20,"北京市东城区xxx街道第201号");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(85,65,41,20,"2015");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(85,118,22,20,"01");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_TEXT(85,150,23,20,"31");

		LODOP.SET_PRINT_STYLEA(0,"FontSize",9);

		LODOP.ADD_PRINT_IMAGE(30,247,63,63,"<img border='0' src='<%=basePath%>/images/头像.png'>");

	}

</script>

</html>

短短几十行js和html代码就足够了，设计按钮效果如下图所示：

需要说明的是，Lodop控件安装文件需要和打印的页面放在同一个目录下，否则提示安装的链接会找不到安装包文件

最后，简单说下Lodop的优势吧，之所以选用Lodop是因为：

1、兼容性好，主流的浏览器都支持了；

2、插件能实现自动安装提醒，并且不需要其他额外的设置；

3、能够实现权限控制，比如在不修改内容的前提下修改打印的样式，比如调整字体，比如调整位置……。支持的权限控制如下：

4、用户设计的打印页面，可以作为个性化的个人设置，系统维护的同一个模板可以适应不同的打印机。

Web打印控件Lodop实现证件套打的更多相关文章

  1. Web打印控件Lodop实现表格物流单的打印

    Web打印控件Lodop实现表格物流单的打印 一.lodop打印预览效果图 LODOP.PRINT_SETUP();打印维护效果图 LODOP.PREVIEW();打印预览图 二.写在前面 最近项目用 ...

  2. WEB打印控件Lodop(V6.x)使用说明及样例

    WEB打印控件Lodop(V6.x)使用说明及样例 Lodop是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码生成复杂打印页. 控件功能强大,却简单易用,所有调用如同JavaScript扩展 ...

  3. WEB打印控件LODOP的使用

    有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事 ...

  4. C/S架构引用Lodop 如何在C#调用web打印控件Lodop

    lodop是web打印控件,引用安装目录下的ocx文件,可以在c/s架构中使用. 该文件所在路径:C:\Program Files (x86)\MountTaiSoftware\Lodop 有32位和 ...

  5. 比较好用的web打印控件——Lodop

    前一段时间公司一项目比较特殊,客户要求打印单必须是淘宝上卖的那种三联打印单.如果还是使用原来系统自带的打印的话,就会造成无法打印出来理想的效果,于是找了下相关的打印控件,比较网络上比较流行的几款插件, ...

  6. WEB打印控件Lodop使用体会

                    控件的使用方法,作者都已经有详细的使用说明供使用者参考. 但是对于打印表格,确实出现一点小问题,如果表格是自然高度,也就是只设置了table的高度,此时是可以正常显示的 ...

  7. 功能强大的web打印控件lodop的使用

    打印是很多web系统都需要的功能,最近找到一款功能强大,使用简单,价格便宜的web打印工具Lodop,免费也能用,不过有水印,也不贵商业开发建议购买. 废话不多说,拿来就用,从简单的打印开始. 1.下 ...

  8. web打印控件Lodop轻松输出清晰的图表和条码

    一.仅用两行语句实现极其复杂的图表打印.类似如下两句: LODOP.ADD_PRINT_CHART(0,0,400,400,5,document.getElementByI d('table001') ...

  9. WEB打印控件Lodop

    主页 http://www.lodop.net/

随机推荐

  1. java 多线程 28 ： 多线程组件之 Semaphore 信号量

    Semaphore是非常有用的一个组件,它相当于是一个并发控制器,是用于管理信号量的.构造的时候传入可供管理的信号量的数值,这个数值就是控制并发数量的,就是同时能几个线程访问.我们需要控制并发的代码, ...

  2. eth0 eth0:1 eth0.1 的区别

    eth0 eth0:1 和eth0.1三者的关系对应于物理网卡.子网卡.虚拟VLAN网卡的关系:物理网卡:物理网卡这里指的是服务器上实际的网络接口设备,这里我服务器上双网卡,在系统中看到的2个物理网卡 ...

  3. ZooKeeper管理分布式环境中的数据

    Reference: http://www.cnblogs.com/wuxl360/p/5817549.html 本节本来是要介绍ZooKeeper的实现原理,但是ZooKeeper的原理比较复杂,它 ...

  4. C#学习笔记（32）——委托改变窗体颜色

    说明(2017-11-23 22:17:34): 1. 蒋坤的作业,点击窗体1里面的按钮,出现窗体2:点击窗体2里的按钮,窗体1改变背景色. 2. 做完窗体传值后,这个作业就很简单了. 代码: For ...

  5. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="m ...

  6. Android 开发自己的网络收音机1——功能要求及设计方案

    最近打算利用业余时间,编写一个Android的网络收音机.因为我自己偶尔也喜欢听听广播,所以打算用业余时间编写一个网络版收音机.说起收音机,其实在工作中已经编写过一个,不过那个收音机是需要硬件支持,也 ...

  7. LInux 文件系统 tmpfs 分区不显示解决

    因为不小心把 kernel 的 tmpfs 的选项去掉,导致 文件系统内的 tmpfs 分区不显示. kernel 打开如下选项即可 在文件系统内就会有相关显示

  8. ansible 配置了端口在host文件但是还要走22 ip:60001 ansible_ssh_port=60001

    fatal: [101.251.194.102]: UNREACHABLE! => {"changed": false, "msg": "Fai ...

  9. 多线程三：Task

    Task是.NET 3.0中推出的,是基于ThreadPool封装的,里面的线程都是来自于ThreadPool. 1.使用Run()方法启动线程 F12查看Run()方法的定义: 发现Run()方法的 ...

  10. git设置HTTP代理

    git设置HTTP代理 设置HTTP代理 如果公司使用代理,git就需要设置代理才能克隆远程仓库 执行下面两条语句 git config --global http.proxy 10.167.32.1 ...