Lodop+html+pdf.js 实现web客户端连接的本地打印机直接打印，无需预览

html 自动打印

Lodop+html+pdf.js

html 代码

<canvas id="the-canvas" style="display:none;"></canvas>

js代码

PDFJS.getDocument(pdfUrl).then(function getPdfHelloWorld(pdf) {pdf.getPage(1).then(function getPageHelloWorld(page) {var scale = 1;var viewport = page.getViewport(scale);var canvas = document.getElementById('the-canvas');var context = canvas.getContext('2d');canvas.height = viewport.height*2.5;canvas.width = viewport.width*2.5;var renderContext = {canvasContext: context,viewport: viewport};context.scale(2.5,2.5);page.render(renderContext).promise.then(function(){var canvasEle = document.getElementById("the-canvas");var dataUrl = canvasEle.toDataURL();//打印初始化LODOP = getLodop();LODOP.PRINT_INIT("");//设置纸张类型，打印风格等
//                                      LODOP.SET_PRINT_PAGESIZE(1, 0,0,"A4");LODOP.SET_PRINT_STYLE("Stretch",2);//设置边距，传入待打印图片的base64编码LODOP.ADD_PRINT_IMAGE("0mm","0mm","RightMargin:0mm","BottomMargin:0mm",dataUrl);//设置对后台打印状态进行捕获LODOP.SET_PRINT_MODE("CATCH_PRINT_STATUS",true);//打印var prt = LODOP.PRINT();//返回jobIdreturn prt;});});});

Lodop+html+pdf.js 实现web客户端连接的本地打印机直接打印，无需预览相关推荐

使用pdf.js在web页面展示pdf文件
最近弄的项目中需要在线展示PDF文件,以前用的是Adobe PDF阅读器直接在浏览器端打开的,这要求客户端必须安装这个软件,若是没有安装就不能在线预览了.为了解决这个问题,最终决定用pdf.js来实现 ...
vue3 - 【完整源码】超详细实现网站 / H5 在线预览 pdf 文件功能，支持缩放、旋转、全屏预览、打印、下载、内容检索、主题色定制、侧边缩略图、页码跳转等等（最好用的pdf预览器，注释详细！）
效果图在 Vue3.js 项目中,实现了快速高效的 pdf 预览器工具组件,附带详细的使用教程与详细的注释,保证一键复制轻松搞定! 详细的注释很容易二次修改,很多实用功能,你也可以自定义界面上的样式 ...
文档在线预览（二）word、pdf、excel文件转html以实现文档在线预览
文章目录一.前言 1.aspose 2 .poi + pdfbox 3 spire 二.将文件转换成html字符串 1.将word文件转成html字符串 1.1 使用aspose 1.2 使用poi ...
vue 跳转到本地的html文件预览pdf
今天做项目使用pdf.js预览需要跳转到pdf下载的本地viewer.html文件,不管是使用window.open还是window.location.href一跳就被vue-router路由拦截跳转 ...
class jqprint 失效_使用jquery.jqprint.js 实现的打印功能，IE9不能进行打印预览、火狐打印空白界面...
提示的内容:SCRIPT438: 对象不支持"ExecWB"属性或方法首先解决IE9不能打印预览的问题: 查找了一大推资料 ,有两种说法:一种是IE的安全性级别太高:一种是需要安 ...
vue本地上传并预览php,vue.js 实现图片本地预览裁剪压缩上传功能
以下代码涉及 Vue 2.0 及 ES6 语法. 目标纯 javascrpit 实现,兼容ie9及以上浏览器,在本地做好文件格式.长宽.大小的检测,减少浏览器交互. 现实是残酷的,为了兼容Ie9 还 ...
原生js实现ajax的文件异步提交功能、图片预览功能.实例
采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> & ...
JS魔法堂之实战：纯前端的图片预览
一.前言图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了.在这之前,我曾经通过订阅input[type=file]元素的 onchange事件,一旦更改路径则将图片上传至 ...
H5开发：使用H5、CSS、JS、JQUERY实现从本地选择图片、预览图片、上传图片列表
需求描述使用H5.CSS.JS.JQUERY 点击添加图片按钮,从本地选择图片(同名图片不可重复选择),在页面预览选中的图片点击图片查看大图,点击图片右上角"×"删除此图点击 ...
关于JS调用Adobe Reader ActiveX插件，在web环境下调用本地打印机执行静默打印的实现
因为之前被实施商的前端童鞋理直气壮的卡了脖子告诉我写不出来,让我很不爽,所以还是搜集了一些资料最终测试成功了.注意一下这个只能在IE10及以上的IE内核环境下可用(我只测试了这个环境,但是IE是没跑了 ...

Lodop+html+pdf.js 实现web客户端连接的本地打印机直接打印，无需预览

html 自动打印

Lodop+html+pdf.js 实现web客户端连接的本地打印机直接打印，无需预览相关推荐

最新文章

热门文章