当前位置:首页 » 《资源分享》 » 正文

C-Lodop (Print)前端自定义打印控件

18 人参与  2024年11月07日 14:42  分类 : 《资源分享》  评论

点击全文阅读


1.首先安装C-Lodop.exe软件,参考地址 Welcome to C-Lodop

2.软件下载地址 下载中心 - Lodop和C-Lodop官网主站

3.案列

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src='http://192.168.0.109:8000/CLodopfuncs.js'></script><script src="https://code.jquery.com/jquery-3.7.1.min.js"></script></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=""srcset="" /></body><script type="text/javascript">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, "这是测试的纯文本,地方得到的:");//加入富文本-当前htmlLODOP.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.运行结果


点击全文阅读


本文链接:http://zhangshiyu.com/post/183692.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1