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>
图⽰：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论