lodop打印技巧与注意事项
2016-03-24 00:00
369 查看
摘要: lodop打印技巧与主要事项
打印前的准备工作
首先用Html和css把完整的打印页面写出,注意需要输入内容的地方要用input输入框,
技术要点:
1、input的样式,由于input的默认样式每个浏览器显示不一样,既不美观也不统一,这里先统一input的样式
input[type="text"]{border:1px solid #ccc;padding-left:5px;height:20px;line-height:20px;}
input:focus {border-color: #3c8dbc;box-shadow: none;outline: 0;}
//以上样式为bootstrap的input 样式
2、打印预览的内容是input输入的内容,正常情况下,不管输入什么内容,打印预览的的内容都是input的初始value值,修改input的内容不改变html的value属性需要用js修改属性
$('input:text').each(function(i,n){
this.setAttribute('value',this.value);
}
);
接着就要安装lodop插件,谷歌42版本以上的要安装c-lodop,通过打印设计把需要输出的文字,在打印设计里面把代码输出,黏贴到html页面如下
LODOP.ADD_PRINT_TEXT(211,489,81,20,"输出内容1");
然后换成动态的输出内容
LODOP.ADD_PRINT_TEXT(211,489,81,20,document.getElementById("price").innerHTML);
然后把打印设计改成打印预览LODOP.PREVIEW();也可以把页面微调的权限授权给客户,由于每台打印机不一样,客户可以自己微调页面的位置LODOP.PRINT_SETUP();
打印前的准备工作
首先用Html和css把完整的打印页面写出,注意需要输入内容的地方要用input输入框,
技术要点:
1、input的样式,由于input的默认样式每个浏览器显示不一样,既不美观也不统一,这里先统一input的样式
input[type="text"]{border:1px solid #ccc;padding-left:5px;height:20px;line-height:20px;}
input:focus {border-color: #3c8dbc;box-shadow: none;outline: 0;}
//以上样式为bootstrap的input 样式
2、打印预览的内容是input输入的内容,正常情况下,不管输入什么内容,打印预览的的内容都是input的初始value值,修改input的内容不改变html的value属性需要用js修改属性
$('input:text').each(function(i,n){
this.setAttribute('value',this.value);
}
);
接着就要安装lodop插件,谷歌42版本以上的要安装c-lodop,通过打印设计把需要输出的文字,在打印设计里面把代码输出,黏贴到html页面如下
LODOP.ADD_PRINT_TEXT(211,489,81,20,"输出内容1");
然后换成动态的输出内容
LODOP.ADD_PRINT_TEXT(211,489,81,20,document.getElementById("price").innerHTML);
然后把打印设计改成打印预览LODOP.PREVIEW();也可以把页面微调的权限授权给客户,由于每台打印机不一样,客户可以自己微调页面的位置LODOP.PRINT_SETUP();
相关文章推荐
- apache 伪静态 配置
- linux 主机名常忽略的小问题
- lvs+keepalived实现高可用负载均衡集群
- hbase 架构和存储
- VMware新建虚拟机(CentOs6.xV)
- Docker工具
- Lesson5 -Linux Network Configuration
- Lesson4 -Users, Groups and Permissions in Linux
- linux服务器的端口测试工具
- Shell glob
- CentOS7安装使用MySQL
- linux下用户和组相关的文件及相关管理命令
- lintcode:Topological Sorting
- Hadoop自定义 inputformat 和outputformat 实现图像的读写
- 二代旅游网站程序管理系统V1.0正式发布
- linux及安全第五周总结——20135227黄晓妍
- OpenCV基础
- Visual studio 调用libpq++ 出现 #error directive: "Oops: min() and/or max() are defined as preprocessor m
- linux(ubuntu)下用eclipse运行C,可是一直提示nothing to build for project ProjectName
- Opengl学习资料