pdf.js使用方法

PDF 专栏收录该内容
1 篇文章 174 订阅 ¥9.90 ¥99.00

这篇文章真的能够帮助您解决pdf使用问题,相信不会让你失望的 ,您可以看下阅读量,点赞人数,收藏人数

2020.8.18

项目中 显示 pdf 的功能,浏览过不少的技术帖,都不太理想,花了点时间研究了下pdf.js正确使用方法,总结下:1.防止自己忘记 2.工作留有痕迹 3.供大家参考借鉴

pdf.js: 将 PDF 文件解析后生成一张 .png 图片,利用 canvas 元素显示在页面上,此方法不推荐使用,
呈现在页面上的pdf会模糊,目前没有找到有效解决办法,给爱钻研的小伙伴提供个思路,在pdf.js官网上有这样一句话 :
 Each PDF page has its own viewport which defines the size in pixels(72DPI) and initial rotation. 
猜想如果可以改变默认72DPI就可改变呈现的清晰度

上面是最开始探索 pdf.js 使用的方法 时 的猜想 其实 pdf.js 真正使用方法非常简单 (一行代码就可以搞定)

pdf.js使用步骤

一. 到官网下载 pdf.js 插件并解压  (地址: http://mozilla.github.io/pdf.js/ )

1: 进入官网

<div class="u-ctn-intro j-course-user-box" style="padding:0px;margin:0px 0px 40px;color:#444444;font-family:Arial, 'Hiragino Sans GB', 微软雅黑, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;"> <h2 class="u-ctit ctit1" style="font-weight:normal;font-size:18px;color:#333333;">   </h2> <h2 class="u-ctit ctit1" style="font-weight:normal;font-size:18px;color:#333333;"> 适用人群 </h2> <p class="j-targetuser cintrocon" style="font-family:微软雅黑;color:#666666;"> 具有java一定基础的同学 </p> </div> <div class="u-ctn-intro u-ctn-intro-last" style="padding:0px;margin:0px 0px 20px;color:#444444;font-family:Arial, 'Hiragino Sans GB', 微软雅黑, Helvetica, sans-serif;font-size:14px;background-color:#ffffff;"> <h2 class="u-ctit ctit1" style="font-weight:normal;font-size:18px;color:#333333;"> 课程概述 </h2> <div class="cintrocon j-courseintro" style="padding:0px;margin:0px;font-family:微软雅黑;color:#666666;"> 学完本课程,您将掌握: </div> <div class="cintrocon j-courseintro" style="padding:0px;margin:0px;font-family:微软雅黑;color:#666666;"> 完成文件系统的独立搭建和Minio8的API操作分布式文件系统Minio8企业中使用文件管理系统采用SpringBoot2+Vue进行前后端开发和文件系统的整合实操实战项目,非理论讲解<br /> <br /> 课程目标:<br /> 能搭建一套独立的企业文件系统而不耦合任何系统,便成为文件服务器<br /> <br /> 课程简介:<br /> <h1 class="text-center" style="font-size:36px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:500;color:#333333;text-align:center;"> <span class="caps">PDF</span><span style="vertical-align:inherit;"> .js文件</span> </h1> <p class="text-center" style="text-align:center;color:#333333;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;"> <span style="vertical-align:inherit;">一个通用的,基于Web标准的平台,用于解析和呈现</span><span class="widont"> </span><span style="vertical-align:inherit;">PDF。</span> </p> <p class="text-center" style="text-align:center;color:#333333;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;">   </p> <br /> MinIO是一个非常轻量的服务,可以很简单的和其他应用的结合,类似 NodeJS, Redis 或者 MySQL </div> <div class="cintrocon j-courseintro" style="padding:0px;margin:0px;font-family:微软雅黑;color:#666666;"> <img alt="" src="https://img-bss.csdnimg.cn/202104090707467989.jpg" /> </div> <div class="cintrocon j-courseintro" style="padding:0px;margin:0px;font-family:微软雅黑;color:#666666;"> <img alt="" src="https://img-bss.csdnimg.cn/202104090708122434.png" /> </div> <div class="cintrocon j-courseintro" style="padding:0px;margin:0px;font-family:微软雅黑;color:#666666;">   </div> </div>
©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值