NiceLeeのBlog 用爱发电 bilibili~

前端 两个PDF预览API

2018-12-06
nIceLee

阅读:


收藏两款可用的在线PDF预览神器,pdfobjectpdf.js

pdfobject

简介

  • 使用条件:
    • 该插件需要浏览器支持内嵌的PDF
  • 官方网站:
  • 开源许可:
    • Copyright (c) 2008-2018 Philip Hutchison MIT-style license: http://pipwerks.mit-license.org/

如何使用

  • HTML
<div id="example1"></div>
  • Javascript
<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>
  • Css(可选)
<style>
.pdfobject-container { height: 30rem; border: 1rem solid rgba(0,0,0,.1); }
</style>

示例

本站示例: 链接
截图如下:

pdf.js

简介

如何使用

示例

官方示例: https://mozilla.github.io/pdf.js/web/viewer.html
本地示例: 链接


上一篇 吐槽

内容
隐藏