[发明专利]用于生成跨浏览器兼容动画的系统和方法

权利要求书

1.一种用于生成跨浏览器兼容动画的方法，包括：

由计算设备接收包括要被动画化的元素的网页，所述网页包括具有与所述元素相对应的节点的文档对象模型DOM树；

由所述计算设备识别与用于所述元素的运动路径对应的片段，所述片段包括多个自由度，所述多个自由度包括沿所述片段的运动路径的第一自由度和第二自由度；

由所述计算设备向所述DOM树中插入以与所述元素相对应的节点作为子节点的第一父节点，所述第一父节点对应于沿用于所述元素的运动路径的片段的第一自由度；以及

由所述计算设备向所述DOM树中插入以所述第一父节点作为子节点的第二父节点，所述第二父节点对应于沿用于所述元素的运动路径的片段的第二自由度。

2.如权利要求1所述的方法，还包括为所述多个自由度中的每个额外的自由度向所述DOM树中迭代地插入额外的父节点。

3.如权利要求1或2所述的方法，还包括：

由所述计算设备接收用于所述元素的输入尺度因子；

由所述计算设备将第一尺度因子插入到所述第一父节点中；以及

由所述计算设备将第二尺度因子插入到所述第二父节点中；

其中，所述第一尺度因子和第二尺度因子的总和等于所述输入尺度因子。

4.如权利要求1或2所述的方法，

其中，所述片段是贝塞尔曲线片段；

其中，向所述DOM树中插入所述第一父节点还包括生成在所述第一自由度中与所述贝塞尔曲线片段相对应的键和键时间的第一序列；并且

其中，向所述DOM树中插入所述第二父节点还包括生成在所述第二自由度中与所述贝塞尔曲线片段相对应的键和键时间的第二序列。

5.如权利要求4所述的方法，其中，第一贝塞尔曲线片段具有第一缓动函数；以及所述方法还包括接收具有第二缓动函数的第二贝塞尔曲线片段。

6.如权利要求5所述的方法，还包括将与所述第一缓动函数相对应的第一缓动键插入到所述第一父节点中，以及将与所述第二缓动函数相对应的第二缓动键插入到所述第二父节点中。

7.如权利要求4所述的方法，还包括在多个采样点处将所述贝塞尔曲线片段迭代地细分成多个子片段并且在采样点之间进行插补以识别所述键和键时间的第一序列以及键和键时间的第二序列。

8.如权利要求1或2所述的方法，其中，所述多个自由度包括至少一个平移。

9.如权利要求1或2所述的方法，其中，所述多个自由度包括至少一个旋转。

10.如权利要求1或2所述的方法，还包括将所述网页发送到第二计算设备，所述第二计算设备根据所述第二父节点、第一父节点和与所述元素相对应的节点渲染被动画化的元素。

11.一种用于生成跨浏览器兼容动画的系统，包括：

计算设备，该计算设备包括执行动画器的处理器，和存储器设备；

其中，所述动画器被配置为：

接收存储在所述存储器设备中的包括要被动画化的元素的网页，所述网页包括具有与所述元素相对应的节点的文档对象模型DOM树，

识别与用于所述元素的运动路径对应的片段，所述片段包括多个自由度，所述多个自由度包括沿所述片段的运动路径的第一自由度和第二自由度；

向所述DOM树中插入以与所述元素相对应的节点作为子节点的第一父节点，所述第一父节点对应于沿用于所述元素的运动路径的片段的第一自由度，以及

向所述DOM树中插入以所述第一父节点作为子节点的第二父节点，所述第二父节点对应于沿用于所述元素的运动路径的片段的第二自由度。

12.如权利要求11所述的系统，其中，所述动画器还被配置成为所述多个自由度中的每个额外的自由度向所述DOM树中迭代地插入额外的父节点。