[发明专利]一种页面添加效果元素的方法及系统

权利要求书

1.一种页面添加效果元素的方法，其特征在于，包括：

在页面内容层的上方添加覆盖层；

设置所述覆盖层的穿透层叠样式属性；

在所述覆盖层上绘制效果元素。

2.根据权利要求1所述的方法，其特征在于，在所述设置所述覆盖层的穿透层叠样式属性之前，还包括：

设置所述覆盖层的层级高于所述页面内容层的层级。

3.根据权利要求1所述的方法，其特征在于，所述在所述覆盖层上绘制效果元素，具体包括：

在所述覆盖层上创建Canvas画布；

在所述Canvas画布上绘制效果元素。

4.根据权利要求3所述的方法，其特征在于，所述在所述Canvas画布上绘制效果元素，具体包括：

获取效果元素的基础属性；

设置所述效果元素在Canvas画布上的位置信息；

根据所述基础属性和位置信息，在所述Canvas画布上绘制所述效果元素。

5.根据权利要求4所述的方法，其特征在于，所述在所述Canvas画布上绘制效果元素，还包括：

根据浏览器窗口渲染频率，按照效果元素的运动轨迹更新所述效果元素的位置信息；

根据所述基础属性和更新后的所述效果元素的位置信息，在所述Canvas画布上重新绘制所述效果元素。

6.一种页面添加效果元素的系统，其特征在于，包括：

添加模块，用于在页面内容层的上方添加覆盖层；

属性模块，用于设置所述覆盖层的穿透层叠样式属性；

绘制模块，用于在所述覆盖层上绘制效果元素。

7.根据权利要求6所述的系统，其特征在于，所述系统还包括：

层级模块，用于设置所述覆盖层的层级高于所述页面内容层的层级。

8.根据权利要求6所述的系统，其特征在于，所述绘制模块包括：

创建单元，用于在所述覆盖层上创建Canvas画布；

绘制单元，用于在所述Canvas画布上绘制效果元素。

9.根据权利要求8所述的系统，其特征在于，所述绘制单元包括：

获取子单元，用于获取效果元素的基础属性；

位置子单元，用于设置所述效果元素在Canvas画布上的位置信息；

绘图子单元，用于根据所述基础属性和位置信息，在所述Canvas画布上绘制所述效果元素。

10.根据权利要求9所述的系统，其特征在于，所述绘制单元还包括：

重绘子单元，用于根据浏览器窗口渲染频率，按照效果元素的运动轨迹更新所述效果元素的位置信息，根据所述基础属性和更新后的所述效果元素的位置信息，在所述Canvas画布上重新绘制所述效果元素。