项目中有个需求是将winform客户端的打印，移到网页上由客户自行打印，打印要求是根据一定的格式实现套打。

当时的解决方案是使用PDF打印：

1、 准备好套打格式的底图；

2、打开底图，将动态内容画到底图上；

3、利用第二步修改后的图片，生成PDF，完成打印

后来发现一款比较强大的web打印工具lodop,简单使用说明如下：

1、先检查下浏览器是否安装此插件：

http://www.lodop.net/demolist/PrintSample1.html

2、建立html，此入口可以打开一个图形化编辑页面，生成结果图如下：

<html>

<body>

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

<script>

function myPreview() {

    LODOP.PRINT_INIT("测试套打模板");

  };

</script>

<a href="javascript:;" onclick="javascript:myPreview();LODOP.PRINT_DESIGN();">进入模板设计</a>

</body>

</html>

3、我们可以将要套打的单据做成图片，导入这个图形化界面作为背景图，然后放入文本框等内容，开始测试。

4、完成位置定位后，可以点击左上角的整体对准图标，做统一调整。

5、去掉背景图，生成代码，放入JS代码段中

LODOP.PRINT_INIT("测试套打模板");

LODOP.ADD_PRINT_TEXT(,,,,"竞买人名称");

LODOP.SET_PRINT_STYLEA(,"FontSize",);

LODOP.ADD_PRINT_TEXT(,,,,"手机号码");

LODOP.SET_PRINT_STYLEA(,"FontSize",);
<html>

<body>

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

<script>

function myPreview() {

   LODOP.PRINT_INIT("测试套打模板");

LODOP.ADD_PRINT_TEXT(,,,,"竞买人名称");

LODOP.SET_PRINT_STYLEA(,"FontSize",);

LODOP.ADD_PRINT_TEXT(,,,,"手机号码");

LODOP.SET_PRINT_STYLEA(,"FontSize",);

  };

</script>

<a href="javascript:;" onclick="javascript:myPreview();LODOP.PRINT_DESIGN();">进入模板设计</a>

</body>

</html>

6、JS参数性质的改动

总结：

PDF的难点在于要精确的计算出需要填充内容的位置，调试比较麻烦，而lodop是图形化界面，方便我们调试，并且语法简单，方便溶于ＪＳ中，此处仅仅简单列举了一个简单的实例，更多功能，可参考官网地址：http://www.lodop.net

web打印小结的更多相关文章

  1. ASP.NET MVC5+EF6+EasyUI 后台管理系统（55）-Web打印

    系列目录 前言 1.本次主要弥补工作流,用户表单数据的打印 2.使用JQprint做为web打印插件 3.兼容:FireFox,Chrome,IE. 4.没有依赖也没有配置,使用简单 代码下载:htt ...

  2. Web打印--Lodop API

    Lodop是一款专业的WEB打印控件,其设计目标是简单易用.功能足够强大,开创WEB打印开发的新局面. Lodop设计者对WEB下的打印开发任务进行了分类汇总,高度抽象,设计出仅用几个功能函数,就可实 ...

  3. Web打印控件

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

  4. JS Web打印，实现预览新样式

    问题描述:     JS实现Web打印,要求打印前一种样式,打印预览时新样式 问题解决:         (1)设置打印时的css样式,设置打印前的css样式 注:         以上为print. ...

  5. Web打印控件smsx.cab使用说明

    在项目开发中,经常会用到页面打印的功能,在ASP.NET环境下推荐一款web打印控件smsx.cab.    使用方法:一般会先定义一个用于打印的母版页(Print.Master),在母版页上做好布局 ...

  6. 2013第39周一Web打印

    2013第39周一Web打印 项目中遇到了Java Web打印问题,简单调用IE浏览器的打印不能完全满足要求,于是就搜集了Web打印相关的主题,简单汇总一下.web打印难点在分页.页面纸张设置,页眉页 ...

  7. WEB打印插件Lodop

    Lodop.C-Lodop使用说明及样例   Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印.控件功能强大,却简单易用,所有调用如 ...

  8. WEB打印插件jatoolsPrinter

    为什么选择 jatoolsPrinter 免费版? 支持无预览直接打印 真正免费,不加水印,没有ip或域名限制,不限时间,兼容ie6+ 无须注册,下载即用 提供经过微软数字签名的cab自动安装包,安装 ...

  9. 网页WEB打印控件

    网页WEB打印控件制作 在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的 ...

随机推荐

  1. SOA面向服务架构

    SOA面向服务架构 风尘浪子 只要肯努力,梦想总有一天会实现 随笔分类 - SOA面向服务架构 结合领域驱动设计的SOA分布式软件架构 摘要: 领域驱动设计DDD的总体结构,Repository层使用 ...

  2. EditPlus仿Sublime配色方案（三种任你选择）

    [Options] Placement=2C00000002000000030000000083FFFF0083FFFFFFFFFFFFFFFFFFFFEA000000EE000000D6050000 ...

  3. C语言实现全排列

    实现全排列,递归实现 #include <stdio.h> #include <stdlib.h> ; void swap(int *a, int *b) { int m; m ...

  4. 页面loading提示效果

    前言: 现在做页面一般为了提示友好点,一般会做个页面正在加载的loading提示效果,当页面加载完毕后再显示内容!这个时候就需要监控页面的资源加载的情况,有时候这并不好做,因为页面涉及图片,视频,已经 ...

  5. 经历：asp.net oracle 部署问题以及解决方法

    原文:[原创]经历:asp.net oracle 部署问题以及解决方法 精简的美丽...... 一.环境    开发环境        win7 64bit         Vs2010       ...

  6. vector成员函数解析

    vector线性集装箱,其元素颜格排序根据线性序列,和动态数组很阶段似,像阵列,它的元素被存储在连续的存储空间,这也意味着,我们不仅能够使用迭代器(iterator)访问元素,也可以用一个指针访问偏移 ...

  7. 深入浅出SQL注入

    原文:深入浅出SQL注入 之前在做学生信息管理系统和机房收费系统的时候,对于SQL注入的问题已经是司空见惯,但是并没有真正的地形象生动的理解SQL注入到底是什么玩意儿.直到这次做牛腩才在牛老师的举例之 ...

  8. 何为分类，UIImageView举例

    终于开始自己这个“聚水成洋”的路程了. 经过近一年的iOS学习和开发,遇到很多困难,一开始的陌生和畏惧,中途的困惑和纠结,解决问题后的豁然开朗和总结提升,自己就在这样一个不断的循环中逐渐成长起来了. ...

  9. Python Learing（二）：Basic Image Processing 1

    <写在前面> Basic image processing 1: 0.(以简单的曲线图为例)对于生成的图自定义外观,使用子图,多个数据集,标题,标签,交互式标注,图例: 1.生成散点图,直 ...

  10. 百度云语音识别，Audio2Txt（c#）

    百度云识别没有提供c#版本的sdk,下面给个c#的 1.打开网址http://developer.baidu.com/ 2.登陆 3.管理控制台>开发者服务管理 4.创建工程 5.输入名称,点击 ...