[发明专利]一种动态显示颜色的实现方法和装置

权利要求书

1.一种动态显示颜色的实现方法，其特征在于，包括：

在以超文本标记语言HTML/级联样式表CSS搭建用户界面的应用或网页中，生成动态的图形界面；

为所述图形界面添加模糊滤镜，所述模糊滤镜的模糊半径不小于1像素。

2.根据权利要求1所述的方法，其特征在于，所述为所述图形界面添加模糊滤镜具体包括：

根据所述图形界面中图形的复杂度以及渲染所述图形界面的设备的性能，确定所述模糊滤镜的模糊半径为第一模糊半径；

按照所述第一模糊半径为所述图形界面添加模糊滤镜。

3.根据权利要求2所述的方法，其特征在于，所述方法还包括：

设置调整所述模糊半径的接口。

4.根据权利要求1至3中任一项所述的方法，其特征在于，所述生成动态的图形界面具体包括：

生成用于展示图形的层；

在所述层上生成用于展示颜色的图形；

为所述图形添加位移动画并设置动画属性，所述层与所述图形组合为所述动态的图形界面。

5.根据权利要求4所述的方法，其特征在于，所述图形的数量为多个，所述层为HTML文件中一个独立的层次DIV元素；

在所述层上生成用于展示颜色的图形具体包括：

采用DIV和CSS在所述层上生成图形，或采用SVG在所述层上生成图形，或采用HTML 5Canvas在所述层上生成图形；

为所述图形设置随时间改变的颜色、大小或透明度。

6.一种装置，其特征在于，包括：

生成模块，用于在以HTML/CSS搭建用户界面的应用或网页中，生成动态的图形界面；

渲染模块，用于为所述生成模块生成的图形界面添加模糊滤镜，所述模糊滤镜的模糊半径不小于1像素。

7.根据权利要求6所述的装置，其特征在于，所述渲染模块具体包括：

确定单元，用于根据所述生成模块生成的图形界面中图形的复杂度以及渲染所述图形界面的设备的性能，确定所述模糊滤镜的模糊半径为第一模糊半径；

添加单元，用于按照所述确定单元确定的第一模糊半径为所述图形界面添加模糊滤镜。

8.根据权利要求7所述的装置，其特征在于，所述装置还包括：

设置模块，用于设置调整所述模糊半径的接口。

9.根据权利要求6至8中任一项所述的装置，其特征在于，所述生成模块具体包括：

层生成单元，用于在以HTML/CSS搭建用户界面的应用或网页中，生成用于展示图形的层；

图形生成单元，用于在所述层生成单元生成的层上生成用于展示颜色的图形；

动画设置单元，用于为所述图形生成单元生成的图形添加位移动画并设置动画属性，所述层与所述图形组合为所述动态的图形界面。

10.根据权利要求9所述的装置，其特征在于，

所述层生成单元生成的层为HTML文件中一个独立的层次DIV元素；

所述图形生成单元具体包括：

图形生成子单元，用于采用DIV和CSS在所述层上生成图形，或采用SVG在所述层上生成图形，或采用HTML 5Canvas在所述层上生成图形；

设置子单元，用于为所述图形生成子单元生成的图形设置随时间改变的颜色、大小或透明度。