一种基于浏览器的OFD文档解析展示的方法及系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111767491A(43)申请公布日2020.10.13(21)申请号202010615139.2(22)申请日2020.06.30(71)申请人杭州天谷信息科技有限公司地址310012浙江省杭州市西湖区西斗门路3号天堂软件园D幢19层(72)发明人梁烨慧魏鹏刘海洋施筱璐(74)专利代理机构北京高文律师事务所11359代理人徐江华李宝玉(51)Int.Cl.G06F16/957(2019.01)G06F40/106(2020.01)权利要求书2页说明书4页附图4页(54)发明名称一种基于浏览器的OFD文档解析展示的方法及系统(57)摘要本发明提供一种基于浏览器的OFD文档解析展示的方法及系统，该系统的架构包括接口层、渲染层、解析层、文件层。其中接口层提供OFD文档解析、渲染能力给外部调用；渲染层基于canvas提供文本、图片、图形等的渲染能力；解析层提供OFD文档、页面、字体、图片、印章等的解析能力；文件层提供远程和本地OFD文档的读取、解压能力。本系统能够完全脱离服务器端独立运行，能够快速查看本地和远程OFD文件，在浏览器端完成OFD文档的解析和渲染，支持异步方式按需解析和渲染，提升大文档打开的速度。CN111767491ACN111767491A权利要求书1/2页1.一种基于浏览器的OFD文档解析展示的系统，其特征在于：包括接口层、渲染层、解析层、文件层。所述接口层，包括getDocument接口、getPage接口、getSignatures接口和render接口，用于提供OFD文档解析、渲染能力给外部调用；所述渲染层，与接口层的render接口相连接，基于canvas提供文本、图片、图形等的渲染能力；所述解析层，与接口层的getPage接口、getSignatures接口相连接，提供OFD文档、页面、字体、图片、印章的解析能力；所述文件层，与接口层的getDocument接口相连接，提供远程和本地OFD文档的读取、解压能力。2.根据权利要求1所述的基于浏览器的OFD文档解析展示的系统，其特征在于：本系统是使用JavaScript编程语言编写的一套OFD文档解析展示系统，能够通过HTML的<script>标签被浏览器页面集成调用。3.基于权利要求1-2任一所述的系统的基于浏览器的OFD文档解析展示的方法，包括以下步骤：S1：使用方调用getDocument接口读取远程或者本地OFD文档；S2：本系统读取文件流，解压OFD文档，缓存到内存中；S3：本系统解析解压后的OFD文档的页结构信息、文档级和公共级资源，并将这些OFD基础数据返回给调用方；S4：使用方根据返回的页结构信息，以页面维度调用getPage接口，解析OFD页面内容，解析后的页面数据返回给使用方；S5：使用方根据返回的页面数据，调用getSignatures接口，解析OFD文档中的印章信息并返回给调用方；S6：使用方根据返回的页面数据，调用本系统的render接口把OFD文档中的文本、图片、图形等元素绘制到浏览器上。4.根据权利要求3所述的基于浏览器的OFD文档解析展示的方法，其特征在于：所述render的文本渲染包括以下步骤：S11：如果页面数据中使用了字体资源，在浏览器缓存中查找解析后的字体，如果缓存命中，则跳到步骤S13；如果缓存没有命中，则继续步骤S12；S12：在OFD资源中查找对应的字体资源文件，解析字体资源文件并保存到浏览器缓存中，支持WOFF、OTF、TTF的格式；S13：使用字体文件绘制文本。5.根据权利要求3所述的基于浏览器的OFD文档解析展示的方法，其特征在于：所述render的图片渲染包括以下步骤：S21：如果页面数据中使用了图片，在OFD资源中查找对应的图片资源文件，如果是浏览器支持的图片格式，创建HTMLImageElement对象，利用HTML5的canvas把HTMLImageElement绘制到目标canvas；S22：如果是浏览器不支持的图片格式，使用不同的图片解码器解码对应的图片数据，创建一个临时的HTMLCanvasElement，把解码后的图片数据绘制到临时的2CN111767491A权利要求书2/2页HTMLCanvasElement上，再利用HTML5的canvas把HTMLCanvasElement绘制到目标canvas；S23：利用HTML5的canvas把其它页面数据绘制到目标canvas。3CN111767491A说明书1/4页一种基于浏览器的OFD文档解析展示的方法及系统技术领域[0001]本发明涉及一种OFD阅读方法及系统，尤其是涉及一种基于浏览器的OFD文档解析展示的方法及系统。背景技术[0002]2016年10月14日世