记录一下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. python 之生成器

    斐波拉契数列: In [31]: def func(times): ...: alist = [0,1] ...: sum = 0 ...: for i in range(times): ...: . ...

  2. 洛谷 P2919 [USACO08NOV]守护农场Guarding the Farm

    题目描述 The farm has many hills upon which Farmer John would like to place guards to ensure the safety ...

  3. bzoj 1510 [POI2006]Kra-The Disks——思路

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1510 #include<iostream> #include<cstdio ...

  4. AndroidStudio启动时不自动打开项目

    取消勾选Reopen last project on startup选项 点击 OK 就行了

  5. exosip 和 pjsip 简介

     oSIP oSIP的开发开始于2000年7月,第一个版本在2001年5月发 布,到现在已经发展到3.x了.它采用ANSI C编写,而且结 构简单小巧,所以速度特别快,它并不提供高层的SIP会话 控制 ...

  6. Spring框架中的@Import、@ImportResource注解

    spring@Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 使用场景: import注解主要用在基于ja ...

  7. [hdu2087]剪花布条(KMP)

    题意:求存在模式串个数,不可重复. 解题关键:模板题.整理模板用.重复和不可重复的区别在下面已标出.主要是j的变化. #include<cstdio> #include<cstrin ...

  8. 此microsoft fix it不适用于您的操作系统 解决方案

    想卸载低版本的office,下载了一个office卸载程序,但是运行时提示  此microsoft fix it不适用于您的操作系统 错误,在网上找了下解决方案,如下: 右键点击“兼容性疑难检查”,等 ...

  9. day1 java基础回顾-Junit单元测试

    Junit单元测试框架的基本使用 一.搭建环境: 导入junit.jar包(junit4) 二.写测试类: 0,一般一个类对应一个测试类. 1,测试类与被测试类最好是放到同一个包中(可以是不同的源文件 ...

  10. jmeter+ant+jenkins实现自动化接口测试

    一.安装前准备 1.JDK:jdk-8u121-windows-x64 2.jmeter工具:apache-jmeter-2.13 3.ANT工具:apache-ant-1.9.7-bin 4.jen ...