本文測(cè)試如何縮放一個(gè)圖片到完全適合紙張:可以用lodop語句縮放到合適尺寸,如果不是等比例尺寸,不可變形縮放不會(huì)占滿紙張,設(shè)置可變形縮放,并用ADD_PRINT_IMAGE輸出圖片的url,測(cè)試可以占滿紙張。(ADD_PRINT_IMAGE直接輸出圖片url地址,需要c-lodop4.0.8.8之后的版本,可以在lodop官網(wǎng)下載最新版)
簡短問答:
1.圖片占滿紙張?jiān)趺丛O(shè)置?
是想圖片占滿紙張嗎,ADD_PRINT_IMAGE直接輸出圖片url地址,寬高設(shè)置為紙張,并設(shè)置可變形縮放測(cè)試下:
例如:
LODOP.ADD_PRINT_IMAGE(0,0,"210mm","296.99mm","http://www.c-lodop.com/demolist/PrintSample8.jpg");
LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//可變形縮放
-----簡短問答結(jié)束----
測(cè)試代碼及效果:(一張閃耀暖暖的圖片,高度超出紙張,寬度不足紙張)
1.ADD_PRINT_IMAGE輸出帶img標(biāo)簽的圖片,寬高設(shè)置100%,不設(shè)置縮放。
效果:超出紙張部分會(huì)截取,達(dá)不到紙張寬高的部分會(huì)留白。
2.ADD_PRINT_IMAGE輸出帶img標(biāo)簽的圖片,寬高設(shè)置單位mm為與紙張一致的具體值,設(shè)置不可變形縮放。
效果:不會(huì)占滿紙張,圖片等比例縮放不變形
3.ADD_PRINT_IMAGE輸出帶img標(biāo)簽的圖片,寬高設(shè)置單位mm為與紙張一致的具體值,設(shè)置可變形縮放。
效果:不會(huì)占滿紙張,超文本圖片解析有問題
4.ADD_PRINT_IMAGE輸出不帶img標(biāo)簽的圖片,寬高設(shè)置單位mm為與紙張一致的具體值,設(shè)置可變形縮放。
效果:占滿紙張。(該方式可占滿紙張)
5.不設(shè)置圖片縮放,設(shè)置整頁縮放
效果:不會(huì)占滿紙張。
測(cè)試代碼:
<script language="javascript" src="LodopFuncs.js"></script>
<title>縮放圖片到完全適合紙張</title>
</head>
<body>
<a href="javascript:prn1_preview()">縮放圖片到完全合適紙張(幾種方式結(jié)果)</a><br>
<a href="javascript:prn2_preview()">整頁縮放不會(huì)達(dá)到效果</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標(biāo)簽
LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//(可變形)擴(kuò)展縮放模式
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標(biāo)簽
LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//(可變形)擴(kuò)展縮放模式
//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 編輯過