[发明专利]一种基于画布的图片轮播方法

权利要求书

1.一种基于画布的图片轮播方法，其特征在于，包括：

将要播放的图片放入图片地址集合，创建空的错误索引集合；

遍历且加载图片池地址集合中的图片，将加载错误的索引值存储在所述错误索引集合中；

根据所述错误索引集合删除图片地址集合中无法正常加载的图片地址；

设置图片绘制横坐标或者图片绘制纵坐标；

用画布定时画出正常加载的图片。

2.根据权利要求1所述的基于画布的图片轮播方法，其特征在于，将要播放的图片放入图片地址集合之后包括：初始化图片池长度。

3.根据权利要求1所述的基于画布的图片轮播方法，其特征在于，设置图片绘制横坐标或者图片绘制纵坐标包括：

设置图片绘制横坐标为：画布宽度+(图片宽度+图片与图片间隔宽度)×i；

设置图片绘制纵坐标为：画布高度+(图片高度+图片与图片间隔高度)×i；

其中，i表示图片在图片池集合中的索引号。

4.根据权利要求1所述的基于画布的图片轮播方法，其特征在于，将加载错误的索引值存储在所述错误索引集合中之后包括：删除图片地址集合中所述错误索引集合中索引所对应的图片。

5.根据权利要求1所述的基于画布的图片轮播方法，其特征在于，将要播放的图片放入图片地址集合之前还包括：获取要播放的图片。

6.根据权利要求2所述的基于画布的图片轮播方法，其特征在于，获取要播放的图片包括：以固定时间间隔去请求要播放的图片，请求成功后将请求成功的图片拼接到图片地址集合的末端；如果拼接后的图片地址集合超过所述图片池长度，则停止请求获取要播放的图片。

7.根据权利要求1所述的基于画布的图片轮播方法，其特征在于，用画布定时画出图片包括：判断浏览器是否支持下一次重新绘制图片时调用绘图函数，如果支持，则下一次重新绘制图片时调用绘图函数在画布上进行绘制图片；否则按照指定的周期来调用绘图函数在画布上进行绘制图片。

8.根据权利要求7所述的基于画布的图片轮播方法，其特征在于，下一次重新绘制图片时调用绘图函数或者按照指定的周期来调用绘图函数在画布上进行绘制图片包括：

遍历图片池，调用画布的对图像进行定位，规定图像的宽度和高度的函数在画布上绘制图片；

更新坐标集合中每个图片的横坐标或纵坐标。

9.根据权利要求2所述的基于画布的图片轮播方法，其特征在于，初始化图片池长度为可见图片数量加预加载图片缓冲数。

10.根据权利要求9所述的基于画布的图片轮播方法，其特征在于，预加载图片缓冲数为3～6。