C-Lodop (Print)前端自定义打印控件
浮生若梦l 2024-08-17 12:33:02 阅读 77
1.首先安装C-Lodop.exe软件，参考地址 Welcome to C-Lodop
2.软件下载地址 下载中心 - Lodop和C-Lodop官网主站
3.案列
<code><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">code>
<title></title>
<script src='http://192.168.0.109:8000/CLodopfuncs.js'></script>code>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>code>
</head>
<body>
<div>html内容</div>
<img src="https://img0.baidu.com/it/u=3232582821,3516640051&fm=253&fmt=auto&app=138&f=JPEG?w=625&h=500" alt=""code>
srcset="" />code>
</body>
<script type="text/javascript">code>
var strHTML = document.getElementsByTagName("html")[0].innerHTML;
//初始化打印任务名称
LODOP.PRINT_INITA(1, 1, 770, 660, "测试预览功能");
//加入纯文本
LODOP.ADD_PRINT_TEXT(10, 60, 300, 200, "这是测试的纯文本，下面是超文本:");
LODOP.ADD_PRINT_TEXT(80, 180, 300, 200, "这是测试的纯文本，地方得到的:");
//加入富文本-当前html
LODOP.ADD_PRINT_HTM(30, 5, "50%", "50%", strHTML);
//远程url打印
LODOP.ADD_PRINT_URL(40, 50, "100%", "80%", "https://img0.baidu.com/it/u=3232582821,3516640051&fm=253&fmt=auto&app=138&f=JPEG?w=625&h=500");
// PREVIEW打印预览
// PRINT直接打印
// PRINT_SETUP打印维护
// PRINT_DESIGN打印设计
// LODOP.PREVIEW();
//预览、微调
LODOP.PRINT_SETUP();
//立即打印
// LODOP.PRINT("D:\\");
</script>
</html>
4.运行结果
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。