[发明专利]结构化文档的渲染方法及系统

说明书

技术领域

本发明涉及文档渲染技术领域，特别涉及一种结构化文档的渲染方法及系统。 

背景技术

文档渲染是指根据文档的内容对显示要素进行处理，从而在屏幕上获得预期的显示效果。结构化文档(Structured Document)通常由标题、章节、段落等逻辑结构组成，所谓“结构化”就是为文档建立一个框架，类似于写文章时事先拟定的提纲，结构化使文档看起来不会杂乱无章，每一部分都紧密联系，形成一个整体。结构化有两个原则：1.每一部分(每一个元素)都和其他元素有关联，元素间关联的级数就形成了结构；2.标识本身的含义与标识描述的信息相分离。结构化文档的渲染引擎就是可以控制页面元素(或称文档节点)如何显示在屏幕中或者其所属的应用程序显示区域的软件。现有技术中，不同文档阅读器有着不同的渲染和解析引擎，以浏览器为例，HTML网页在浏览器中的效果取决于浏览器的渲染和解析引擎，虽规范定义是一致的，解析文档的基本流程相似，但是不同渲染引擎会有不同的实现方式，控制效果的属性定义也不尽相同。 

现有技术中，如浏览器或者一些结构化文档的解析器，其解析文档的基本流程如图1所示：在解析文档初始时，会创建文档对象模型(DOM)，然后根据解析结果建立一般被称为DOM树的数据结构。与此同时，渲染引擎会解析与此文档相关的样式数据(含外部引入的样式表文件)形成与DOM树中每个节点相关的样式规则描述。之后，渲染引擎根据DOM树中顺序找到每个文档节点的尺寸大小、颜色、位置等信息，将可见的节点元素与其对应的样式数据结合 (Attachment)，最终形成渲染树(Render Tree)，后经图形库渲染在屏幕中显示。其中样式表数据记录了文档每个节点的可视化信息(大小、位置、颜色等)和一些动态效果的描述。所谓的动态效果就是文档节点的一些动画效果，这类动画效果通常在JavaScript一类的脚本语言的控制下发挥作用。需要特别指出的是，图1中圆圈标识的部分是渲染的关键步骤和环节。当元素增、删、减时渲染引擎可以侦听到相关情况，重新组织DOM树，重新关联相应元素的样式规则，重新构建渲染树(Render Tree)，进而重新绘制该页面的显示。 

但是，现有技术中虽可以侦听到元素的增、删、位移，却无法就其引发的关联效应进行有效控制。现有的文档渲染方式中均未就全局层面给出事先定义好的，在一组元素被增、删、位移后的渲染效果的控制算法；在重新构建渲染树时，不能将这些关联效应的动态效果增加到渲染树中。因此，现有技术中，文档节点在被删除或者添加、位移等操作时，元素本身缺乏相应操作的动态效果，与之关联的兄弟节点元素也不能产生联合效果(比如在页面删除某一元素后，原本在该元素后的后续元素直接平滑进入空位区填补被删元素留下的空位的动画效果)，整个文档的渲染效果也很生硬，且时常造成页面元素位置变化无序或难以控制。 

发明内容

(一)要解决的技术问题 

针对现有技术的上述缺陷，本发明为了解决现有技术中在文档结构变化时无法产生关联的动态效果的技术问题，提供了一种结构化文档的渲染方法及系统。 

(二)技术方案 

为实现上述目的，本发明采用如下技术方案： 

一方面，本发明提供一种结构化文档的渲染方法，所述方法包括步骤： 

S1，侦听在文档结构发生变化时被抛出的注册了关联效果的元素集的变化事件； 

S2，当侦听到变化事件时，触发关联元素属性的重新绑定和页面的重新布局； 

S3，根据重新绑定的属性和新的页面布局重新生成渲染树； 

S4，根据新生成的渲染树进行渲染，将重新绑定的属性中的动态转换效果的动画实时同步渲染出来。 

优选地，步骤S2的重新绑定过程中，将初始渲染过程中数据关联时已绑定好的元素的动态效果属性添加到要新生成的渲染树中。 

优选地，步骤S4中，仅对发生关联效应的元素集进行重新渲染，其它无关的元素集则不再渲染。 

优选地，步骤S4中，利用系统平台的图形系统和动画实现机制将动画实时同步渲染出来；若变化后也不包括动画效果，则直接进行普通的渲染绘图。 

优选地，所述文档结构发生变化指文档中元素的增、删和/或位移变化。 

另一方面，本发明还同时提供一种结构化文档的渲染系统，其特征在于，所述系统包括： 

监听器，用于侦听在文档结构发生变化时被抛出的注册了关联效果的元素集的变化事件； 

数据关联及布局模块，用于在变化事件的触发下进行关联元素属性的重新绑定和页面的重新布局；