[发明专利]一种基于Web的帧动画处理系统及帧动画处理方法

权利要求书

1.一种基于Web的帧动画处理系统，包括若干个客户端(1)和服务端(2)，所述客户端(1)从所述服务端(2)请求数据，其特征在于，所述服务端(2)还包括：帧动画合成模块(3)，所述客户端(1)还包括：帧动画控制模块(4)；

所述帧动画合成模块(3)使用CSS精灵图技术将多张帧图合成为一张整图；

所述帧动画控制模块(4)读取被所述帧动画合成模块(3)合成的整图并播放帧动画。

2.根据权利要求1所述的一种基于Web的帧动画处理系统，其特征在于，所述客户端(1)为计算机或移动设备。

3.根据权利要求1所述的一种基于Web的帧动画处理系统，其特征在于，所述帧动画合成模块(3)合成的帧图是由CSS文件格式存储的帧图。

4.根据权利要求1所述的一种基于Web的帧动画处理系统，其特征在于，所述帧动画合成模块(3)合成的整图带有被合成的各张帧图的位置数据。

5.根据权利要求1所述的一种基于Web的帧动画处理系统，其特征在于，所述帧动画控制模块(4)包括以下至少一种帧动画的播放方式：匀速播放、加速播放、减速播放、正向播放、反向播放、局部播放、重复播放、局部重复播放。

6.一种基于如权利要求1所述的基于Web的帧动画处理系统的帧动画处理方法，其特征在于，包括以下步骤：

(1)、所述服务端(2)的所述帧动画合成模块(3)引入包含位置信息的CSS帧图文件，然后使用CSS精灵图技术将多张帧图合成为一张整图；

(2)、所述客户端(1)请求所述服务端(2)的所述帧动画合成模块(3)合成的整图，所述客户端(1)的所述帧动画控制模块(4)根据整图文件新建客户端页面文档结构；

(3)、所述客户端(1)的所述帧动画控制模块(4)初始化帧动画；

(4)、所述客户端(1)的所述帧动画控制模块(4)读写属于不同帧的不同位置数据播放动画。

7.根据权利要求6所述的一种基于Web的帧动画处理系统的帧动画处理方法，其特征在于，所述帧动画控制模块(4)通过调整所述帧动画合成模块(3)合成的整图的大小调整帧动画的大小。