[发明专利]一种导出canvas动画文件的方法和装置

说明书

本发明实施例公开了一种导出canvas动画文件的方法和装置，属于动画制作技术领域。所述方法包括：获取目标动画flash源文件中的各影片剪辑；将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图；根据所述各影片剪辑和转换成的位图，导出canvas动画文件。采用本发明，可以降低在加载canvas动画文件时CPU的占用率。

技术领域

本发明涉及动画制作技术领域，特别涉及一种导出canvas动画文件的方法和装置。

背景技术

为丰富网页内容，目前的网页中往往包含有canvas(其中canvas是一种动画类型)动画文件，终端通过浏览器显示网页时，可以对网页中的动画进行播放，其中，网页中的canvas动画文件可以是由flash(动画)源文件制成的，其中，flash源文件可以是swf(其中，swf是一种动画文件格式)动画的源文件。技术人员在制作canvas动画文件时，可以通过设计软件，将flash源文件制作成浏览器可播放的canvas动画文件。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

如果flash源文件只包含影片剪辑，不包含各影片剪辑中的各图片元件的位图的话，各影片剪辑包含的各图片元件是以编码的形式存在于canvas动画文件中，canvas动画文件中包含各图片元件的编码信息。此种情况下，浏览器运行该canvas动画文件时，需要先对canvas动画文件中的编码后的图片元件进行解码，才能播放对应的canvas动画，往往对编码后的图片元件进行解码需要较多的CPU(Central Processing Unit，中央处理器)资源，从而，导致在加载canvas动画文件时CPU的占用率较大。

发明内容

为了解决相关技术中存在的在加载canvas动画文件时CPU的占用率较大的问题，本发明实施例提供了一种导出canvas动画文件的方法和装置。所述技术方案如下：

第一方面，提供了一种导出canvas动画文件的方法，所述方法包括：

获取目标动画flash源文件中的各影片剪辑；

将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图；

根据所述各影片剪辑和转换成的位图，导出canvas动画文件。

可选的，所述方法还包括：

获取目标swf动画文件；

对所述目标swf动画文件进行反编译处理，得到所述目标swf动画文件对应的目标flash源文件。

可选的，所述将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图，包括：

通过预先设置的图片元件提取插件，将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图。

可选的，所述通过预先设置的图片元件提取插件，将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图，包括：

如果所述目标flash源文件中不包含所述各影片剪辑中的各图片元件对应的位图，则通过预先设置的图片元件提取插件，将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图。

可选的，所述canvas动画文件包括不包含有各图片元件的编码信息的脚本js文件和根据转换成的位图得到的图片。

第二方面，提供了一种导出canvas动画文件的装置，所述装置包括：

第一获取模块，用于获取目标动画flash源文件中的各影片剪辑；

转换模块，用于将所述各影片剪辑中的每个影片剪辑包含的各图片元件，转换成位图；