Ofd.js 如何使用

Ofd.js（Off Document Formatting）是一个基于HTML5的JavaScript库，它允许你在Web页面上离线渲染PDF文档，类似于Adobe Reader，但它不需要服务器支持。以下是使用Ofd.js的基本步骤：

1. **添加依赖**：
将Ofd.js的CDN链接或者下载到本地并引入到HTML文件中。例如：

   <script src="https://unpkg.com/ofd/dist/ofd.min.js"></script>

2. **初始化Ofd实例**：
创建一个Ofd实例，并指定你想要展示的PDF文档的URL或者base64编码的数据：

   const pdfElement = document.getElementById('pdf-container');
   const ofd = new OFD(pdfElement, {
     url: 'path/to/your/pdf/document.pdf', // 或者 base64Data: 'your_pdf_data_base64'
   });

3. **设置选项**（可选）：
可以设置各种配置项，如页码样式、缩放级别等：

   ofd.config({
     showToolbar: true,
     pageMode: 'useThumbs',
     autoHideNavbar: false,
     startPage: 1,
     zoomFactor: 1.5,
   });

4. **显示PDF**：
调用`open`方法打开PDF文档：

   ofd.open();

5. **处理事件**：
可监听事件，如页面翻转、导航等：

   ofd.on('pageChange', function(event) {
     console.log(`Switched to page ${event.page}`);
   });