LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

lodop缩放图片到完全适合纸张

admin
2023年9月25日 22:6 本文热度 472

本文测试如何缩放一个图片到完全适合纸张:可以用lodop语句缩放到合适尺寸,如果不是等比例尺寸,不可变形缩放不会占满纸张,设置可变形缩放,并用ADD_PRINT_IMAGE输出图片的url,测试可以占满纸张。(ADD_PRINT_IMAGE直接输出图片url地址,需要c-lodop4.0.8.8之后的版本,可以在lodop官网下载最新版)

简短问答:
1.图片占满纸张怎么设置?
是想图片占满纸张吗,ADD_PRINT_IMAGE直接输出图片url地址,宽高设置为纸张,并设置可变形缩放测试下:
例如:
LODOP.ADD_PRINT_IMAGE(0,0,"210mm","296.99mm","http://www.c-lodop.com/demolist/PrintSample8.jpg");
LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//可变形缩放
-----简短问答结束----

测试代码及效果:(一张闪耀暖暖的图片,高度超出纸张,宽度不足纸张)
1.ADD_PRINT_IMAGE输出带img标签的图片,宽高设置100%,不设置缩放。
效果:超出纸张部分会截取,达不到纸张宽高的部分会留白。
2.ADD_PRINT_IMAGE输出带img标签的图片,宽高设置单位mm为与纸张一致的具体值,设置不可变形缩放。
效果:不会占满纸张,图片等比例缩放不变形
3.ADD_PRINT_IMAGE输出带img标签的图片,宽高设置单位mm为与纸张一致的具体值,设置可变形缩放。
效果:不会占满纸张,超文本图片解析有问题
4.ADD_PRINT_IMAGE输出不带img标签的图片,宽高设置单位mm为与纸张一致的具体值,设置可变形缩放。
效果:占满纸张。(该方式可占满纸张)
5.不设置图片缩放,设置整页缩放
效果:不会占满纸张。


测试代码:

<script language="javascript" src="LodopFuncs.js"></script>
<title>缩放图片到完全适合纸张</title>
</head>
<body>
<a href="javascript:prn1_preview()">缩放图片到完全合适纸张(几种方式结果)</a><br>
<a href="javascript:prn2_preview()">整页缩放不会达到效果</a><br>
<script language="javascript" type="text/javascript">  
   var LODOP; //声明为全局变量
   function prn1_preview() {
       LODOP
=getLodop();
       LODOP.PRINT_INIT(
"");
       LODOP.ADD_PRINT_IMAGE(
0,0,"100%","100%","<img src='http://m.qpic.cn/psc?/V51lroLS1qQxgW1RWGeT1PyucD3jZgcX/TmEUgtj9EK6.7V8ajmQrEOVshej6zoe4zJp9ojt7v6QVOh18kQcMi2EWv.kTfgYV1Ko2vUx88hhDtZBSS8l5Bni7OmiYYaJwX.tQXlwL0lE!/b&bo=0AJABgAAAAABF6Q!&rf=viewer_4'>");
       LODOP.NEWPAGEA();
       LODOP.ADD_PRINT_IMAGE(
0,0,"210mm","297mm","<img src='http://m.qpic.cn/psc?/V51lroLS1qQxgW1RWGeT1PyucD3jZgcX/TmEUgtj9EK6.7V8ajmQrEOVshej6zoe4zJp9ojt7v6QVOh18kQcMi2EWv.kTfgYV1Ko2vUx88hhDtZBSS8l5Bni7OmiYYaJwX.tQXlwL0lE!/b&bo=0AJABgAAAAABF6Q!&rf=viewer_4'>");
       LODOP.SET_PRINT_STYLEA(
0,"Stretch",2);//按原图比例(不变形)缩放模式
       LODOP.NEWPAGEA();
       LODOP.ADD_PRINT_IMAGE(
0,0,"210mm","297mm","<img src='http://m.qpic.cn/psc?/V51lroLS1qQxgW1RWGeT1PyucD3jZgcX/TmEUgtj9EK6.7V8ajmQrEOVshej6zoe4zJp9ojt7v6QVOh18kQcMi2EWv.kTfgYV1Ko2vUx88hhDtZBSS8l5Bni7OmiYYaJwX.tQXlwL0lE!/b&bo=0AJABgAAAAABF6Q!&rf=viewer_4'>");//带img标签
       LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//(可变形)扩展缩放模式
       LODOP.NEWPAGEA();
       LODOP.ADD_PRINT_IMAGE(
0,0,"210mm","297mm","http://m.qpic.cn/psc?/V51lroLS1qQxgW1RWGeT1PyucD3jZgcX/TmEUgtj9EK6.7V8ajmQrEOVshej6zoe4zJp9ojt7v6QVOh18kQcMi2EWv.kTfgYV1Ko2vUx88hhDtZBSS8l5Bni7OmiYYaJwX.tQXlwL0lE!/b&bo=0AJABgAAAAABF6Q!&rf=viewer_4");//直接输出图片url地址,不带img标签
       LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//(可变形)扩展缩放模式
       //LODOP.PRINT_DESIGN();
       LODOP.PREVIEW();    
   };
function prn2_preview() {
       LODOP
=getLodop();
       LODOP.PRINT_INIT(
"");
       LODOP.SET_PRINT_MODE(
"PRINT_PAGE_PERCENT","Full-Page");
       LODOP.ADD_PRINT_IMAGE(
0,0,"210mm","297mm","http://m.qpic.cn/psc?/V51lroLS1qQxgW1RWGeT1PyucD3jZgcX/TmEUgtj9EK6.7V8ajmQrEOVshej6zoe4zJp9ojt7v6QVOh18kQcMi2EWv.kTfgYV1Ko2vUx88hhDtZBSS8l5Bni7OmiYYaJwX.tQXlwL0lE!/b&bo=0AJABgAAAAABF6Q!&rf=viewer_4");  
       
//LODOP.PRINT_DESIGN();
       LODOP.PREVIEW();    
   };
</script>

图示:

 



该文章在 2023/9/25 22:06:57 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved