网站首页 > 技术文章正文

前端开源之PDF在线浏览组件PDFObject.js

ins518 2024-10-06 10:24:12 技术文章 9 ℃ 0 评论

JavaScript下轻量级的PDF在线浏览插件，同时支持下载、打印、绘制等等功能。

来源：GitHub(2000) https://pdfobject.com/

协议：MIT

官网：https://pdfobject.com/

文档：https://pdfobject.com/

首先你需要创建一个容器

<div id="example1"></div>

然后引入pdfobject.js库，最后初始化解析

<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>

当然，如果你觉的呈现出来的效果不美观，你还可以自定义样式

<style>
.pdfobject-container { height: 30rem; border: 1rem solid rgba(0,0,0,.1); }
</style>

整体呈现PDF速度还是非常快的，样式美观。

当然还有一款由mozilla出品PDF.js的也是不错的选择，具体使用看个人偏好