记录一下Lodop套打模板

实现打印功能需电脑已经连接打印机(打印什么类型的东西就连接相应的打印机 (普通大打印机 打印标签 打印发票各种打印机)和已经安装好lodop控件 控件可到官网进行下载 http://www.lodop.net/demo.html

1.给一个html页面加上lodop控件的js

<script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script>

这里的9999 指的是电脑上安装好lodop控件的端口号 我设置的是9999  默认的是8000点击设置也可以更改

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>套打</title>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script>
<script type="text/javascript">
function CreatePrintPage() {
LODOP.PRINT_INITA(0,0,400,150,"套打模板");//顶点高度 宽度 初始化后页面的宽度 高度 给初始化页面的名称 </script>
</head>
<body>
进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a> </body>
</html>

完成以上步骤html页面上只有一个进入模板设计的超链接

2.点击超链接进到打印设计页面,因为没有写东西所以设计页面是空的

3.然后在设计页面找到上图红色箭头所指的地方,点击装载背景图,选择图片进行装载 然后对照图片需要放text的位置 找到黄色箭头点击进行添加text 并对更改字体大小或者位置

4.然后找到上图红色箭头位置 点击找到生成程序代码,就可以把里面的代码直接放到html页面,因为我最后是把背景图删掉了,所以上面的html里面是没有背景图的代码的(你在设计页面装载里背景图,就可以通过生成程序代码得到你装载背景图的代码了)

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script>
<script type="text/javascript">
function CreatePrintPage() {
LODOP.PRINT_INITA(0,0,400,150,"套打模板");//顶点高度 宽度 初始化后页面的宽度 高度 给初始化页面的名称
LODOP.SET_PRINT_PAGESIZE(1,900,370,"");//设置纸张高度
LODOP.ADD_PRINT_TEXT(14,100,181,22,"太极急支糖浆太极急支糖浆");//通用名
LODOP.SET_PRINT_STYLEA(0,"FontSize",10);
LODOP.SET_PRINT_STYLEA(0,"Bold",1);
LODOP.ADD_PRINT_TEXT(43,100,105,26,"0.01g*10粒*2板 ");//规格
LODOP.SET_PRINT_STYLEA(0,"FontSize",8);//字体大小
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);//文本居中
LODOP.ADD_PRINT_TEXT(42,231,48,25,"颗粒剂");//剂型
LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
LODOP.ADD_PRINT_TEXT(42,319,38,24,"GMP");//质量层次
LODOP.ADD_PRINT_TEXT(92,53,149,39,"¥9930.99");//售价
LODOP.SET_PRINT_STYLEA(0,"FontSize",20);
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);//文本居中
LODOP.SET_PRINT_STYLEA(0,"Bold",1);//字体加粗
LODOP.ADD_PRINT_TEXT(65,236,129,35,"北京同仁堂亳州饮片有限制药厂");//产地
LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
LODOP.ADD_PRINT_TEXT(107,215,44,28,"瓶");//计价单位
LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
LODOP.ADD_PRINT_TEXT(14,288,64,20,"s010002");//编号
LODOP.SET_PRINT_STYLEA(0,"FontSize",9);
};
</script>
</head>
<body>
进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a> </body>
</html>

5.这是最后的成果图,因为我打印的是标签,所以用的打印机不同.

Lodop套打的更多相关文章

  1. [简短问答]LODOP套打问题及相关

    该博文为简短问答,具体详细介绍可查看本博客的相关博文,套打及位置相关详细博文:LODOP中的各种宽高和位置简短问答.LODOP不同打印机出现偏移问题.Lodop打印控件打印机可打区域的影响 设置纸张边 ...

  2. Lodop实现web套打

    WEB套打可选方案不多,理想的更少,利用免费控件Lodop+JavaScript实现精确套打,算是较为经典的选择.这种方案其实比较简单,利用一个htm文件就可以实现模板设计过程,几乎是“空手套”式的开 ...

  3. LODOP之票据连续套打笔记<二>

    接着上一篇博文,继续说说关于lodop,关于模板设计及相关的这里不多说了,上一篇博文最下面的推荐可以看看,说的很比较清楚,今天说说我在项目中运用套打实现分页预览和打印的, 之前弄lodop打印的时候发 ...

  4. LODOP之票据连续套打笔记<一>

    之前项目中需要使用套打,费了半天劲,最后找到LODOP,整体感觉还是不错,简单,满足大多数web套打 这是我项目中需要打印的票据 该票据每张做多显示6条数据,数据超过6条的时候需要进行分页打印,当时做 ...

  5. Web打印控件Lodop实现证件套打

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

  6. 基于MVC4+EasyUI的Web开发框架经验总结(16)--使用云打印控件C-Lodop打印页面或套打报关运单信息

    在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于 ...

  7. asp.net Lodop实现批量打印

    1.列表(前台) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="w_stu ...

  8. chrome升级后LODOP打印插件无法使用

    今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...

  9. C# Lodop实现打印

    项目的Debug文件夹下有个template文件夹,里面有用到的js.自己建的要打印的网页和用到的背景图 1.打印方法: class print { public void printzb(strin ...

随机推荐

  1. java反射中Class对象详解和类名.class, class.forName(), getClass()区别

    1.获得类型类 可以看到,对象a是A的一个实例,A是某一个类,在if语句中使用a.getClass()返回的结果正是类A的类型类,在Java中表示一个特定类型的类型类可以用“类型.class”的方式获 ...

  2. 几个重要的 ASM Disk Groups 参数

    几个重要的Disk group 属性: 1. ACCESS_CONTROL.ENABLED该属性用来控制某个disk group 上ASM FILE Access Control. 该参数有2个值:t ...

  3. this在方法赋值过程中无法保持(隐式丢失)

    在看<高级程序设计>(我的红宝书) P.183页时遇到下面一个问题 var name = "77"; var obj = { name: "88", ...

  4. BOM——浏览器对象模型(Browser Object Model)

    什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...

  5. nodejs的mysql模块学习(二)连接数据库

    nodejs连接mysql的方式有两种 官方建议的第一种是 let mysql = require('mysql'); let connection = mysql.createConnection( ...

  6. netstat -st输出解析(二)

    转自:http://perthcharles.github.io/2015/11/10/wiki-netstat-proc/ netstat -st输出的两个重要信息来源分别是/proc/net/sn ...

  7. ObservableCollection排序

    ObservableCollection没有自带的sort排序功能,那么可以写一个扩展方法: public static void Sort<T>(this ObservableColle ...

  8. Thinkpad 拆光驱更换光驱硬盘支架、拆光驱面板 T400 T440

    拆光驱.硬盘装支架的环节就不多说了.主要说下拆光驱面板. 先拿细物(区别针.回形针),捅这个洞,就能把光驱仓打开弹出来后,反过来,这里有个卡扣放大看,按住这卡扣,然后往外掰,把面板掰出来 掰出来的面板 ...

  9. Umbraco image中使用Crop URL

    需要在Umbraco 的image中使用crop URL.首先你需要取出这个image作为IPublishedContent 有以下两种方法 第一种: var imageId = Model.Cont ...

  10. ACM-ICPC2018徐州网络赛 BE, GE or NE(对抗搜索+博弈+记忆化)

    BE, GE or NE 23.58% 1000ms 262144K   In a world where ordinary people cannot reach, a boy named &quo ...