LODOP打印圖片水平居中


其他居中,查看本博客相關博文:LODOP中打印項水平居中簡短問答
圖片也屬於超文本打印項,因此如果想把圖片居中,也需要圖片本身內容相對於圖片打印項寬度居中,然后再設置打印項居中。
如圖,同一張圖片,都設置了打印項居中語句,一個居中了一個沒有居中,這是因為第一個打印項寬度就是圖片本身內容寬度,而第二個則是大於內容寬度,如果進入打印設計,選中第二個方法的圖片打印項,可以看出第二個方法里的圖片打印項寬度右側會有空白出現,也就是圖片本身里面沒有相對於打印項寬度居中。

如本文測試用了一張100mm*100mm的圖片,
方法1設置了 打印項寬度為100mm,然后設置打印項居中,在打印預覽界面開啟標尺。
在A4紙張(A4紙寬210mm),圖片本身寬度為100mm,標尺左側是55mm,右側是155mm。
左側的距離為55mm,右側距離為 210mm-155=55mm,所以這個圖片是在A4中水平居中的。

方法2,設置了打印項寬度為150mm,但是實際上圖片只有100mm大小,所以圖片沒有相對於打印項寬度居中。
圖片和紙張同方法1,標尺顯示圖片左側是30mm,圖片右側是130mm
設置了打印項居中,圖片左側距離為30mm,右側距離為210mm-130mm=80mm。
這個距離是圖片內容和紙張左右的距離。
因為打印項設置的是150mm,所以實際是左側30mm,右側是210-30-150=30mm,實際上設置的打印項居中是有效的,只不過打印內容圖片本身沒有相對於打印項寬度居中,所以圖片打印項右側有50mm的空白

該文圖示沒有演示打印設計,進入打印設計,選中圖片打印項,可以看出方法2后面的空白,圖片100mm,后面跟着50mm的空白。

該文演示不縮放圖片的情況下,如果打印居中打印一個原圖
如果圖片分辨率過大,還需要縮放處理等。
不知道圖片有多大的時候,可以進入打印設計,選中圖片,拖動藍色的圓點,直到打印項寬度正好和圖片寬度一致,然后查看打印設計顯示的數值,或在打印設計里生成代碼拷貝過去。

測試代碼:

<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
<a href="javascript:prn0_preview()">打印項寬高和圖片一致</a><br>
<a href="javascript:prn1_preview()">打印項寬度大於圖片本身</a><br>
<script language="javascript" type="text/javascript">   
        var LODOP; //聲明為全局變量 
        function prn0_preview() {//打印項寬度和圖片大小寬度一致
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_IMAGE(0,0,"100mm","100mm","<img src='img1.png'>");
        LODOP.SET_PRINT_STYLEA(0,"Horient",2);
        LODOP.PREVIEW();    
    };
        function prn1_preview() {//打印項和圖片大小寬度不一致,大於圖片本身寬度
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_IMAGE(0,0,"150mm","100mm","<img src='img1.png'>");
        LODOP.SET_PRINT_STYLEA(0,"Horient",2);
        LODOP.PREVIEW();    
    };
</script> 

圖示:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM