ofd在线预览 usdoc实现ofd文档在线预览,ofd文档结构分析

ofd文档在线预览

http://usdoc.cn
ofd文档在线预览

一、什么是ofd文件

OFD为开放版式文档(Open Fixed-layout Document )的英文缩写,是我国国家版式文档格式标准——《GB/T 33190-2016电子文件存储与交换格式-版式文档》。

简单来说就是中国版的PDF文件，也就是国产的PDF文件。

二、分析ofd结构

与PDF不同，OFD采用的是XML的结构存储的。我们可以直接解压缩这个文件查看内部结构。
如下图


OFD.xml为入口文件，里面内容如下：

容器功能由一个ZIP文件来实现。多文件的数据组织方式采用ZIP 6.2.0。

可以将XMl转化为SVG或者Html的形式预览，例如

<ofd:OFD xmlns:ofd="http://www.ofdspec.org/2016" DocType="OFD" Version="1.1">
<ofd:DocBody>
    <ofd:DocInfo>
        <ofd:DocID/>
        <ofd:Author>Lost heart</ofd:Author>
        <ofd:CreationDate>2022-4-15</ofd:CreationDate>
        <ofd:ModDate>2022-4-15</ofd:ModDate>
        <ofd:Creator>OFD 文字</ofd:Creator>
        <ofd:CustomDatas>
            <ofd:CustomData Name="native_producer">swdomsdkqt_20190722</ofd:CustomData>
        </ofd:CustomDatas>
    </ofd:DocInfo>
    <ofd:DocRoot>Doc_0/Document.xml</ofd:DocRoot>
</ofd:DocBody>
</ofd:OFD>

三、如何实现OFD文档在线预览，前端JavaScript实现OFD预览

可以直接调用[usdoc](http://usdoc.cn/)的文档在线预览服务

http://usdoc.cn/

1、预览调用方式：

 http://vw.usdoc.cn/?src=拼接你的OFD文件地址

例如：

[http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd](http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd)

预览效果如下图