[发明专利]网页中的图片显示方法、装置及终端

说明书

技术领域

本发明涉及数字图像处理领域，特别涉及一种网页中的图片显示方法、装置及终端。

背景技术

随着信息技术的不断发展，人们更加频繁的使用移动设备端来处理日常事务。处理日常事务经常离不开互联网的帮助，这促使越来越多的网站开始支持移动设备端的网页浏览。在浏览过程中进行的滚动网页、缩放页面等操作会造成移动设备的原生应用软件显示网页，而网页中的图片是占用资源较多内容之一。如何高效地对网页中的图片进行显示，从而快速连接互联网是人们需要解决的问题。

目前，移动设备的原生应用软件有两种对网页中的图片进行显示的方式，第一种方式：通过HTML（Hypertext Markup Language，超文本标记语言）在图片所在网页的显示区域创建图片的占位空间；通过IMG标签的SRC（Source，源）属性和ALT（Alter，改变）属性分别设置图片的URL（Uniform Resource Locator，统一资源定位符）值和图片的替代文本；向网络侧发送获取图片的待渲染数据请求，获取图片的待渲染数据；如果成功获取图片的待渲染数据，则根据获取到的图片的待渲染数据按照图片的原始大小在图片所在网页的显示区域来渲染并显示图片。第二种方式：通过CSS（Cascading Style Sheet，样式表）的背景图像属性将需要显示的图片放入背景；通过背景图像属性设置图片的URL值；向网络侧发送获取图片的待渲染数据请求，获取图片的待渲染数据；如果成功获取图片的待渲染数据，则根据获取到的图片的待渲染数据按照图片的原始大小在图片所在网页的显示区域来渲染并显示图片。

在实现本发明的过程中，发明人发现目前网页中的图片显示技术至少存在以下问题：

采用IMG标签和CSS显示网页中的图片时，需要按照图片的原始大小在图片所在网页的显示区域来渲染并显示图片，对于屏幕分辨率比较低的显示设备而言，其占用的资源过多，导致图片的显示速度较慢，因而在打开图片较多的网页时，有可能会导致显示的网页出现卡死的现象。

发明内容

为了解决目前网页中的图片显示技术存在的问题，本发明实施例提供了一种网页中的图片显示方法、装置及终端。

一方面，提供了一种网页中的图片显示方法，所述方法包括：

在网页中的图片的显示区域创建与所述显示区域大小相同的画布；

获取所述图片的待渲染数据，并根据屏幕分辨率调整获取到的图片的待渲染数据；

在创建的画布中渲染调整后的所述图片的待渲染数据，在所述网页中显示所述图片。

优选地，所述在网页中的图片的显示区域创建与所述显示区域大小相同的画布，包括：

在加载所述网页时，在所述图片的显示区域使用canvas参数创建与所述显示区域大小相同的画布。

优选地，所述获取所述图片的待渲染数据，包括：

使用图像接口向网络侧发送加载所述图片的HTTP（Hyper Text Transport Protocol，超文本传输协议）请求，所述HTTP请求中携带所述图片对应的URL；

接收所述网络侧根据所述HTTP请求返回的所述图片的待渲染数据。

优选地，所述获取所述图片的待渲染数据之后，包括：

将所述获取到的图片的待渲染数据存储到脚本文件中；

所述在创建的画布中渲染调整后的所述图片的待渲染数据之后，还包括：

从所述脚本文件中读出所述获取到的图片的待渲染数据，在显示的画布中渲染所述获取到的图片的待渲染数据。

优选地，所述根据屏幕分辨率调整获取到的图片的待渲染数据，还包括：

根据屏幕分辨率调整获取到的图片的分辨率，得到分辨率调整后的图片的待渲染数据，并将分辨率调整后的图片的待渲染数据作为调整后的所述图片的待渲染数据。

另一方面，提供了一种网页中的图片显示装置，所述装置包括：

创建模块，用于在网页中的图片的显示区域创建与所述显示区域大小相同的画布；

获取模块，用于获取所述图片的待渲染数据；

调整模块，用于根据屏幕分辨率调整获取到的图片的待渲染数据；

渲染模块，用于在创建的画布中渲染调整后的所述图片的待渲染数据；

显示模块，用于在网页中显示所述图片。

优选地，所述创建模块，用于在加载所述网页时，在所述图片的显示区域使用canvas参数创建与所述显示区域大小相同的画布。

优选地，所述获取模块，包括：