|
前面做個(gè)幾個(gè)簡(jiǎn)單的測(cè)試html布局排版的頁(yè)面，都是在瀏覽器上查看的，C-LODOP可通過(guò)集中打印和廣域網(wǎng)AO打印方式，讓手機(jī)等也可以打印預(yù)覽和打印。 集中打印的大體方法是通過(guò)一臺(tái)windows電腦作為云主機(jī)，然后手機(jī)等通過(guò)瀏覽器訪問(wèn)狀態(tài)windows云主機(jī)上的打印機(jī)進(jìn)行打印。廣域網(wǎng)AO打印的端橋打印方式，是通過(guò)一臺(tái)windows云主機(jī)作為云服務(wù)器，然后需要打印的客戶(hù)端也需要一臺(tái)windows電腦安裝c-lodop并開(kāi)啟端橋，指向那臺(tái)云服務(wù)器，實(shí)際打印端是在windows端橋端。 普通網(wǎng)頁(yè)是針對(duì)電腦進(jìn)行設(shè)計(jì)的，用手機(jī)的瀏覽器瀏覽的時(shí)候，經(jīng)常還需要放大等操作，手機(jī)一般是點(diǎn)兩下，或者兩個(gè)手指向外滑動(dòng)放大網(wǎng)頁(yè)。 body{margin:0px;font-size:50px;}
#bodyA1{background-color:#f1f3f5;}
#header{background-image:url(../images/topbg.png);width:100%;height:100px;}
#head1{background-image:url(../images/lodoptest.png);width:400px;height:100px;}
#footer{width:790px;height:100px;margin:auto;text-align:right;clear:both;}
.btn2 {background-color:#2175bd;border:none;color:white;padding:50px 50px;text-align:center;text-decoration:none;margin-left:5px;margin-top:60px;font-size:50px}
#textareadiv{float:left;width:500px;font-size:100px;margin-left:30px;margin-top:50px;}
#btn2div{float:left}
#S1{font-size:50px;}頁(yè)面代碼： <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<!--<script language="javascript" src="LodopFuncs.js"></script>-->
<script src='http://192.168.1.14:8000/CLodopfuncs.js'></script>
<link href="css/phone1and.css" type='text/css' rel="stylesheet">
</head>
<body id="bodyA1">
<div id="header">
<div id="head1"></div>
</div>
<div id="textareadiv">
<textarea rows="3" id="S1" cols="15"></textarea><br>
</div>
<div id="btn2div">
<input type="button" class="btn2" value="點(diǎn)擊預(yù)覽" onclick="card()">
</div>
<div id="footer"><img src="./images/lodopfoot.png"></div>
<script language="javascript" type="text/javascript">
function card(){
LODOP.PRINT_INIT("");
LODOP.SET_PRINT_PAGESIZE(1,"20cm","10cm","");
LODOP.ADD_PRINT_IMAGE(0,0,"100%","100%","<img src='images/tu1.png'>");
LODOP.ADD_PRINT_TEXT(124,167,285,78,document.getElementById("S1").value);
LODOP.SET_PRINT_STYLEA(0,"FontSize",31);
LODOP.PREVIEW();
};
</script>
</body>圖示： 如圖可以看出，遠(yuǎn)程預(yù)覽窗口和本地預(yù)覽窗口是不同的，c-lodop可以支持遠(yuǎn)程預(yù)覽。
測(cè)試途中遇到點(diǎn)小問(wèn)題，這個(gè)網(wǎng)站是自己電腦當(dāng)作服務(wù)器，發(fā)布到內(nèi)網(wǎng)自己訪問(wèn)測(cè)試的，途中用手機(jī)點(diǎn)打印預(yù)覽的打印總是彈出一個(gè)放大的部分。訪問(wèn)c-lodop自己的歡迎頁(yè)面的預(yù)覽，點(diǎn)預(yù)覽的打印也是這個(gè)效果，可能和手機(jī)有關(guān)，之后用其他手機(jī)瀏覽器測(cè)試，也是這樣。 |
|
|
來(lái)自： 印度阿三17 > 《開(kāi)發(fā)》
