[发明专利]显示动画的方法及装置

权利要求书

1.一种显示动画的方法，其特征在于，所述方法应用于终端，所述方法包括：

接收服务器发送的动画视频数据，其中，所述动画视频数据的每个视频帧包括动画区域图像和背景区域图像；

基于画布canvas对象，提取所述动画视频数据的视频帧中的多个图像；

将提取的图像中的背景区域图像调整为透明；

对调整后的图像进行顺序显示。

2.根据权利要求1所述的方法，其特征在于，所述动画视频数据包括第一子视频数据和第二子视频数据，所述第一子视频数据用于指示动画对应的红绿蓝RGB三通道数据，所述第二子视频数据用于指示动画对应的阿尔法Alpha通道数据；

所述基于canvas对象，提取所述动画视频数据的视频帧中的多个图像，包括：

获取所述动画视频数据中的所述第一子视频数据和所述第二子视频数据，后台播放所述第一子视频数据对应的视频和所述第二子视频数据对应的视频；

基于所述canvas对象的图像绘制功能，在后台播放的所述第一子视频数据对应的视频和所述第二子视频数据对应的视频中，周期性提取所述第一子视频数据的第一子图像和所述第二子视频数据的第二子图像，得到所述动画视频数据的视频帧中的多个图像。

3.根据权利要求2所述的方法，其特征在于，所述将提取的图像中的背景区域图像调整为透明，包括：

基于所述canvas对象的图像获取功能，获取所述多个图像的图像数据，所述图像数据包括各个像素点的红色数值、绿色数值、蓝色数值和Alpha数值，所述Alpha数值用于指示像素点的透明度；

基于所述第二子图像的图像数据，将所述第一子图像的背景区域图像的Alpha数值调整为所指示的透明度为透明的Alpha数值。

4.根据权利要求3所述的方法，其特征在于，在所述第二子图像中，动画区域图像的像素点之间数据相同，背景区域图像的像素点之间数据相同，动画区域图像和背景区域图像的像素点之间数据不同；

每个第一子图像具有相对应的第二子图像，每个第一子图像的动画区域图像与对应的第二子图像的动画区域图像的像素点的位置相同，每个第一子图像的背景区域图像与对应的第二子图像的背景区域图像的像素点的位置相同；

所述基于所述第二子图像的图像数据，将所述第一子图像的背景区域图像的Alpha数值调整为所指示的透明度为透明的Alpha数值，包括：

对于每个第一子图像与对应的第二子图像，将所述第一子图像中，与所述第二子图像的背景区域图像相对应的像素点的Alpha数值，调整为所指示的透明度为透明的Alpha数值。

5.根据权利要求4所述的方法，其特征在于，所述第二子图像的动画区域图像中每个像素点的蓝色数值，与所指示的透明度为不透明的Alpha数值相等；所述第二子图像的背景区域图像中每个像素点的蓝色数值，与所指示的透明度为透明的Alpha数值相等；

所述将所述第一子图像中，与所述第二子图像的背景区域图像相对应的像素点的Alpha数值，调整为所指示的透明度为透明的Alpha数值，包括：

获取所述第二子图像中每个像素点的蓝色数值；

将所述第一子图像中每个像素点的Alpha数值，调整为所述第二子图像中对应像素点的蓝色数值。

6.根据权利要求1所述的方法，其特征在于，所述对调整后的图像进行顺序显示，包括：

按照图像的时间信息的先后顺序，周期性显示调整后的图像。

7.一种显示动画的方法，其特征在于，所述方法应用于服务器，所述方法包括：

在制作动画的过程中，基于动画对应的红绿蓝RGB三通道数据导出第一子视频数据，基于动画对应的阿尔法Alpha通道数据导出第二子视频数据；

基于所述第一子视频数据和所述第二子视频数据，生成动画视频数据；

向终端发送所述动画视频数据。