特性
轻量级
专注于核心功能，保持库的轻量化，确保快速加载和高效运行。
易于使用
简单直观的API设计，让开发者能够快速上手并集成到项目中。
功能完善
支持OFD文档的解析、渲染和操作，满足各种应用场景需求。
安装使用
使用npm安装
npm install liteofd
注意：目前打包遇到问题，发布到npm之后字体文件因为无法正确加载导致渲染字体可能出现问题，所以建议源码引入。
基础使用示例
import { LiteOfd } from 'liteofd'
function parseOfdFile(file: File) {
const liteOfd = new LiteOfd()
let appContent = getElementById("ofd-content")
appContent.innerHTML = ''
liteOfd.parse(file).then((data: OfdDocument) => {
console.log('解析OFD文件成功:', data);
let ofdDiv = liteOfd.render(undefined, 'background-color: white; margin-top: 12px;')
appContent.appendChild(ofdDiv)
}).catch((error) => {
console.error('解析OFD文件失败:', error);
});
}演示效果
文档渲染
发票渲染
API文档
主要方法
-
parse(file: string | File | ArrayBuffer)
解析上传的OFD文件，返回Promise<OfdDocument>
-
render(container?: HTMLDivElement, pageWrapStyle?: string)
渲染OFD文档，返回HTMLDivElement
-
getCurrentPageIndex()
获取当前页面索引
-
getTotalPages()
获取文档总页数