前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何实现OFD文档在线预览,OFD结构分析

如何实现OFD文档在线预览,OFD结构分析

原创
作者头像
usdoc
修改2022-04-15 17:06:25
3K0
修改2022-04-15 17:06:25
举报

OFD在线预览 http://usdoc.cn

1、OFD

代码语言:txt
复制
   OFD(Open Fixed-layout Document) ,是由[工业和信息化部](https://baike.baidu.com/item/%E5%B7%A5%E4%B8%9A%E5%92%8C%E4%BF%A1%E6%81%AF%E5%8C%96%E9%83%A8/835197)软件司牵头[中国电子技术标准化研究院](https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E7%94%B5%E5%AD%90%E6%8A%80%E6%9C%AF%E6%A0%87%E5%87%86%E5%8C%96%E7%A0%94%E7%A9%B6%E9%99%A2/2326872)成立的版式编写组制定的版式文档国家标准,属于中国的一种自主格式,要打破政府部门和党委机关电子公文格式不统一,以方便地进行电子文档的存储、读取以及编辑

2、OFD的文档结构分析

代码语言:txt
复制
  与微软的Office文件类似,OFD也是采用的XML形式结构存储的。

注:微软的Office文档新版本为XML形式的结构储存的,早期版本还是和金山WPS一样是二进制的。

解压出OFD文件结构如下图

解压OFD文件
解压OFD文件
OFD解析
OFD解析

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

OFD文档结构
OFD文档结构

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

代码语言:javascript
复制
<ofd:Page xmlns:ofd="http://www.ofdspec.org/2016">
<ofd:Content>
	<ofd:Layer ID="2">
		<ofd:TextObject ID="4" Boundary="73.8795 26.624 61.6524 8.4843" Font="3" Size="8.4667" Weight="700">
			<ofd:TextCode X="1.4314" Y="7.2849" DeltaX="g 2 8.5088 8.4667 g 3 8.5088">三好学生申请书</ofd:TextCode>
		</ofd:TextObject>
		<ofd:PathObject ID="5" Boundary="31.75 41.3456 146.5086 12.5942" Stroke="false" Fill="true">
			<ofd:FillColor Value="255 255 255"/>
			<ofd:AbbreviatedData>M 0 0 L 146.5086 0 L 146.5086 12.5942 L 0 12.5942 C</ofd:AbbreviatedData>
		</ofd:PathObject>
		<ofd:TextObject ID="7" Boundary="30.9183 44.3475 42.3943 4.9565" Font="6" Size="4.9565">
			<ofd:FillColor Value="51 51 51"/>
			<ofd:TextCode X="0.8317" Y="4.251" DeltaX="4.9529 4.9105 g 2 4.9529 4.9105 g 2 4.9529 4.9105">尊敬的领导、老师:</ofd:TextCode>
		</ofd:TextObject>
		<ofd:PathObject ID="8" Boundary="31.75 53.9397 146.5086 12.5942" Stroke="false" Fill="true">
			<ofd:FillColor Value="255 255 255"/>
			<ofd:AbbreviatedData>M 0 0 L 146.5086 0 L 146.5086 12.5942 L 0 12.5942 C</ofd:AbbreviatedData>
		</ofd:PathObject>
		<ofd:TextObject ID="9" Boundary="40.7818 56.9629 18.226 4.9565" Font="6" Size="4.9565">
			<ofd:FillColor Value="51 51 51"/>
			<ofd:TextCode X="0.8317" Y="4.251" DeltaX="4.9529 4.9105 4.9529">你们好!</ofd:TextCode>
		</ofd:TextObject>
		<ofd:PathObject ID="10" Boundary="31.75 66.5339 146.5086 11.0067" Stroke="false" Fill="true">
			<ofd:FillColor Value="255 255 255"/>
			<ofd:AbbreviatedData>M 0 0 L 146.5086 0 L 146.5086 11.0067 L 0 11.0067 C</ofd:AbbreviatedData>
		</ofd:PathObject>
	<ofd:Content>
<ofd:Layer ID="2">

OFD在线预览,Word在线预览

或者采用在线的预览效果,例如

http://usdoc.cn 调用方式

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

例如:

代码语言:javascript
复制
http://vw.usdoc.cn/?src=http://usdoc.cn/vw/三好学生申请书v1.ofd

预览效果如下图

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、OFD
  • 2、OFD的文档结构分析
  • OFD在线预览,Word在线预览
    • http://vw.usdoc.cn/?src=拼接你的文件地址
      • 预览效果如下图
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档