lodop缩放图片到完全适合纸张
本文测试如何缩放一个图片到完全适合纸张:可以用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>
图示: