Lodop打印图片（工作记录）

实现效果：Lodop打印图片，并在图片上添加文字。

工具包：LodopFuncs.js（度娘下载获取）

直接上代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script type="text/javascript" src="js/LodopFuncs.js" ></script></head><body><input type="button" onclick="printimg()" name="打印" value="图片打印"/><input type="button" onclick="printimg2()" name="打印" value="带文字打印"/><input type="button" onclick="printimg3()" name="打印" value="打印多页图片"/></body>
</html>
<script type="text/javascript">var LODOP; //声明为全局变量function printimg(){LODOP=getLodop(); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印图片1");//四个数值分别表示Top,Left,Width,HeightLODOP.ADD_PRINT_IMAGE(0,0,800,1500,"<img border='0' src='111.jpg' width='100%' />"); LODOP.SET_PRINT_STYLEA(0,"Stretch",2);LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");LODOP.PREVIEW();}function printimg2(){LODOP=getLodop(); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印图片1");//四个数值分别表示Top,Left,Width,HeightLODOP.ADD_PRINT_IMAGE(0,0,800,1500,"<img border='0' src='img/aaa.jpg' width='100%' />"); //图片上面的文字 //四个数值分别表示Top,Left,Width,Height//LODOP.ADD_PRINT_TEXT(1000,500,200,20,"打印时间：2022-04-22");LODOP.ADD_PRINT_TEXT(10,10,400,40,"打印时间：2022-04-22");LODOP.SET_PRINT_STYLEA(0,"FontSize",15); //设置字体大小LODOP.SET_PRINT_STYLEA(0,"FontName","华文行楷"); //设置字体大小LODOP.SET_PRINT_STYLEA(0,"FontColor","#FC1603"); //设置字体颜色LODOP.SET_PRINT_STYLEA(0,"Stretch",2);//2表示图片不拉伸 以原图比例缩放LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");//A4打印//LODOP.SET_PRINT_STYLEA(0,"TransColor","#FFFFFF"); //设置图片浮于上方样式LODOP.PREVIEW();}function printimg3(){LODOP=getLodop(); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印图片1");//四个数值分别表示Top,Left,Width,Heightfor(var i=0;i<2;i++){LODOP.NewPage();if(i==1){LODOP.ADD_PRINT_IMAGE(0,0,750,1500,"<img border='0' src='img/aaa.jpg' width='100%' />"); }else{LODOP.ADD_PRINT_IMAGE(0,0,700,1500,"<img border='0' src='img/222.jpg' width='100%' />"); }LODOP.ADD_PRINT_TEXTA("texttime",10,10,400,40,"打印时间：2022-04-22");LODOP.SET_PRINT_STYLEA(0,"FontSize",16); //设置字体大小LODOP.SET_PRINT_STYLEA(0,"FontName","华文行楷"); //设置字体大小LODOP.SET_PRINT_STYLEA(0,"FontColor","#FC1603"); //设置字体颜色LODOP.SET_PRINT_STYLEA(0,"Stretch",2);//2表示图片不拉伸 以原图比例缩放LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");//A4打印}   LODOP.SET_PREVIEW_WINDOW(0,0,0,0,0,"");   LODOP.PREVIEW();}
</script>

页面分别实现直接打印图片、打印图片带文字、多页图片打印；可根据实际情况进行调整

Lodop打印图片（工作记录）相关推荐

vue下使用lodop打印图片
最近项目需要使用web打印机,寻找了一下,发现好多人都在使用lodop这个插件,于是,决定使用这个插件进行图片打印. 1.百度lodop,可以轻松找到这个插件的官网,可以看到许多完整的资料,比如,在线 ...
如何取消浏览器护眼色 Lodop打印图片有窗口颜色的边框
Lodop打印图片出现了边框,然而通常情况下是没有边框的,由于Lodop是基于本机的ie进行解析的,和IE的设置有关. 用户的电脑和习惯千差万别,有人喜欢给浏览器加上护眼色,而这一个行为可能导致Lod ...
ssm lodop打印图片不显示
在打印预览的时候图片就是不显示最终解决方案就是修改过滤器转载于:https://www.cnblogs.com/NCL--/p/11051687.html
html图片打印不出来 lodop_记录Canvas用于LODOP打印的解决过程
工作中遇到用canvas绘制了图片,需要打印出来的需求.由于设备限制遇到了不少奇葩问题.在解决过程中学会了不少知识,在此记录下,希望能对同样遇到此类问题的朋友有所帮助. 将 Canvas 转为 png ...
lodop打印html有缓存,记录Canvas用于LODOP打印的解决过程
工作中遇到用canvas绘制了图片,需要打印出来的需求.由于设备限制遇到了不少奇葩问题.在解决过程中学会了不少知识,在此记录下,希望能对同样遇到此类问题的朋友有所帮助. 将 Canvas 转为 png ...
Lodop打印较大的超出纸张的图片
ADD_PRINT_IMAGE打印图片时,如果一个图片过大,超出纸张,默认超出部分是不显示的,也不会分页. 最近遇到有人利用ADD_PRINT_URL打印图片,说图片自动分了多页,因为这个方法一般是用 ...
[python] 工作记录一、利用opencv，numpy旋转图片无黑边（轮子必须由我造！！！）
[python] 工作记录一.利用opencv,numpy旋转图片无黑边(轮子必须由我造!!!) 1. 第三方库的安装 2. 程序目的 3. 图片理解 4. 编写代码 (1).旋转顺时针90° (2) ...
lodop打印控件工作使用总结
首先导入lodop.js <script src="${ctxStatic}/lodop/LodopFuncs.js" type="text/javascript& ...
selenium 学习、工作记录，附常见异常和工具方法
selenium 学习.工作记录,附常见异常和工具方法基础配置 2020.03.31 开发者模式设置有认证的http代理让selenium接管人为打开的chrome 2020.07.23(79 ...

Lodop打印图片（工作记录）

Lodop打印图片（工作记录）相关推荐

最新文章

热门文章