<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="LodopFuncs.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<style type="text/css">
div{margin-top: 10px}
</style>
</head>
<body>
<div><button onclick="myPreview()">打印预览</button></div>
<div><button onclick="myDesign()">打印设计</button></div>
<div><button onclick="myPrintA()">选择打印机</button></div>
<div><button onclick="myPrint()">直接打印</button></div>
</body>
</html>
<script type="text/javascript">
var LODOP;
function CreatePrintPage() {
LODOP = getLodop();
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_名片");
LODOP.ADD_PRINT_RECT(10,55,360,220,0,1);
LODOP.SET_PRINT_STYLE("FontSize",11);
LODOP.ADD_PRINT_TEXT(20,180,100,25,"xxx");
LODOP.SET_PRINT_STYLEA(2,"FontName","隶书");
LODOP.SET_PRINT_STYLEA(2,"FontSize",15);
LODOP.ADD_PRINT_TEXT(53,187,75,20,"xx");
LODOP.ADD_PRINT_TEXT(100,131,272,20,"地址:xxxxxx");
LODOP.ADD_PRINT_TEXT(138,132,166,20,"电话:xxxxx");
};
function myPreview() {
CreatePrintPage();
LODOP.PREVIEW();
};
function myDesign() {
CreatePrintPage();
LODOP.PRINT_DESIGN();
};
function myPrint() {
CreatePrintPage();
LODOP.PRINT();
};
function myPrintA() {
CreatePrintPage();
LODOP.PRINTA();
};
</script>