[发明专利]一种轮播图切换方法及装置

权利要求书

1.一种轮播图切换方法，其特征在于，包括：

S1，将图片导入canvas画布中，并对canvas画布进行切分，得到图片的多个切片；

S2，按照设定的移动总时间，在canvas画布中，将每一个切片从初始位置同时移动到最终位置；

S3，在最终位置处对所有的切片进行拼合，重新形成整个图片，以完成轮播图的切换，其中，每一个切片的移动总时间均相等。

2.如权利要求1所述的轮播图切换方法，其特征在于，所述图片数据存储于web浏览器的javaScript变量中，所述方法还包括：

在web浏览器中构造图片对象，并将图片对象的src源地址赋值为图片地址；

根据图片加载请求，web浏览器根据图片地址自动对图片进行加载，并将加载完成后的图片存储于javaScript变量中。

3.如权利要求1所述的轮播图切换方法，其特征在于，所述步骤S1中对canvas画布进行切分，得到图片的多个切片包括：

设置切片横向划分个数和切片纵向划分个数；

根据canvas画布的总宽度和切片横向划分个数，计算单个切片的宽度，以及根据canvas画布的总高度和切片纵向划分个数，计算单个切片的高度；

根据单个切片的宽度和高度，对整个图片进行切分，得到图片的多个切片。

4.如权利要求3所述的轮播图切换方法，其特征在于，还包括：

将切片后的每一个切片的像素数据以及切分时每一个切片在canvas画布中的位置信息存储于javaScript对象中，并擦除整个canvas画布，其中，每一个切片对应一个javaScript对象。

5.如权利要求4所述的轮播图切换方法，其特征在于，所述步骤S2中按照设定的移动总时间，将每一个切片从初始位置同时移动到最终位置包括：

将每一个javaScript对象中的切片导入擦除后的canvas画布中，根据每一个切片在canvas画布中的初始位置和最终位置，计算每一个切片的移动方向和移动距离；

根据设定的移动总时间以及每一个切片的移动距离，计算每一个切片的移动速度；

按照每一个切片的移动速度以及移动方向，将每一个切片从初始位置移动到最终位置。

6.如权利要求5所述的轮播图切换方法，其特征在于，将javaScript对象中保存的每一个切片的位置信息作为该切片在canvas画布中的最终位置。

7.一种轮播图切换装置，其特征在于，包括：

切分模块，用于将导入canvas画布的图片进行切分，得到图片的多个切片；

移动模块，用于按照设定的移动总时间，在canvas画布中，将每一个切片从初始位置同时移动到最终位置；

拼合模块，用于在最终位置处对所有的切片进行拼合，重新形成整个图片，以完成轮播图的切换，其中，每一个切片的移动总时间均相等。

8.如权利要求7所述的轮播图切换装置，其特征在于，所述装置还包括设置模块和计算模块；

设置模块，用于设置切片横向划分个数和切片纵向划分个数；

第一计算模块，用于根据canvas画布的总宽度和切片横向划分个数，计算单个切片的宽度，以及根据canvas画布的总高度和切片纵向划分个数，计算单个切片的高度；

所述切分模块，具体用于：

根据单个切片的宽度和高度，对整个图片进行切分，得到图片的多个切片。

9.如权利要求8所述的轮播图切换装置，其特征在于，所述装置还包括第二计算模块和第三计算模块；

第二计算模块，用于根据导入canvas画布中的每一个切片的初始位置和最终位置，计算每一个切片的移动方向和移动距离；

第三计算模块，用于根据设定的移动总时间以及每一个切片的移动距离，计算每一个切片的移动速度；

所述移动模块，具体用于：

按照每一个切片的移动速度以及移动方向，将每一个切片从初始位置移动到最终位置。

10.一种轮播图切换方法的设备，其特征在于，包括处理器(processor)、存储器(memory)和总线；

所述处理器和存储器通过所述总线完成相互间的通信；

所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如权利要求1-6任一项所述的方法。