[发明专利]图片加载方法及装置

说明书

技术领域

本发明涉及互联网领域，特别是涉及图片加载方法及装置。

背景技术

目前很多网页游戏都是使用基于超文本标记语言HTML（Hyper Text Mark-up Language）的Canvas绘图工具来进行开发的，在这些游戏中，用一些基础图片如人物、动物、背景图案等，经过Canvas的进一步渲染、重复、填充等绘图操作，形成一帧完整的游戏画面。为了提高游戏玩家的用户体验，浏览器使用OpenGL ES（OpenGL for Embedded Systems）技术来加速Canvas的绘制。OpenGL ES将游戏中用到的基础图片上传至图形处理器GPU(Graphic Processing Unit)后作为纹理（texture），然后Canvas利用该texture进行绘图。

现有的利用OpenGL ES进行Canvas绘制时，每个基础图片都对应一个统一资源定位符url(Uniform Resource Locator)，浏览器根据该url寻找到该图片存储的地址，并将图片数据下载下来，这些图片数据可能是jpg、png、gif、webp等格式，浏览器需要将图片数据解码为bitmap格式数据，并将解码后得到的bitmap格式数据上传到GPU作为一个texture，由GPU将texture绘制到Canvas上，Canvas利用几个基础图片的texture，结合一些后续的绘制动作，完成一帧游戏画面。

随着网页游戏的开发，网页游戏里面的基础图片的像素变大，数量增多，浏览器将图像数据解码为bitmap格式数据时，得到的bitmap格式数据的数据量较大，因此采用GPU加速Canvas绘制时，就会出现将bitmap格式数据上传到GPU的速度慢的问题，从而拖延GPU将bitmap格式数据上传到Canvas的时间，因此会降低Canvas的绘制速度。并且由于GPU的内存空间有限，bitmap格式数据上传到GPU上会占用GPU很多内存空间，导致GPU的运行速度减低，游戏不够流畅。

发明内容

本发明实施例提供了图片加载方法及装置，以解决现有技术中Canvas加载图片时占用的CPU内存大，降低Canvas的绘制速度的问题。

为了解决上述技术问题，本发明实施例公开了如下技术方案：

一方面，本申请提供了一种图片加载方法，包括：浏览器生成请求下载基础图片对应的压缩纹理数据的请求消息；浏览器向服务器发送所述请求消息；浏览器接收服务器根据所述请求消息发送的包含所述基础图片对应的压缩纹理数据的压缩格式数据；浏览器将所述压缩格式数据中包含的所述压缩纹理数据发送至图形处理器GPU，以使所述GPU将所述压缩纹理数据发送至Canvas进行绘制。

结合第一方面，在第一方面的第一种可能的实现方式中，所述浏览器生成请求下载基础图片对应的压缩纹理数据的请求消息包括：浏览器判断目标网页是否包含Canvas标签；如果包含，浏览器将所述目标网页的标识及GPU支持的压缩格式发送至服务器，以使服务器根据所述目标网页的标识，查询到所述目标网页上使用的基础图片的标识，及与所述基础图片对应，并且与所述GPU支持的压缩格式一致的压缩纹理数据的地址标识；浏览器从服务器下载所述网页的压缩纹理列表，并进行保存，所述压缩纹理列表包括：所述目标网页上的Canvas使用的基础图片的标识，及与所述基础图片对应，并且与所述GPU支持的压缩格式一致的压缩纹理数据的地址标识；浏览器指定目标基础图片；浏览器判断所述目标基础图片的标识是否在所述压缩纹理列表中；如果在所述压缩纹理列表中，浏览器生成请求下载所述目标基础图片对应的压缩纹理数据的请求消息，所述请求消息中包括与所述目标基础图片对应，并且与所述GPU支持的压缩格式一致的压缩纹理数据的地址标识，所述请求消息用于向服务器获取所述目标基础图片的压缩纹理数据。

结合第一方面的第一种可能的实现方式，在第一方面的第二中可能的实现方式中，如果所述目标基础图片的标识不在所述压缩纹理列表中，浏览器向服务器发送所述目标基础图片的标识及所述GPU支持的压缩格式，以使所述服务器根据所述目标基础图片的标识及所述GPU支持的压缩格式，利用图片转换工具生成与所述目标基础图片对应，并且与所述GPU支持的压缩格式一致的压缩纹理数据。