1.安装:
npm i ofd.js
2.结构
<div id="divId" width="100%" />
3.引入
import { parseOfdDocument, renderOfd } from 'ofd.js'
parseOfdDocument({
ofd: file.url,// 文件地址
success(res) {
// 输出ofd每页的div
if (res) {
const screenWidth = 680 // 设置内容的显示框大小
const divs = renderOfd(screenWidth, res[0]) // 将流数据渲染给接受的div盒子
const contentDiv = document.getElementById('divId') // 获取盒子元素
contentDiv.innerHTML = '' // 清空,防止上一条数据没有销毁
for (const div of divs) {
contentDiv.appendChild(div)
}
}
},
fail() { }
})