[发明专利]一种页面图片的显示方法和显示装置

说明书

本发明公开了一种页面图片的显示方法和显示装置，涉及计算机技术领域。该方法的一具体实施方式包括：确定页面中位于当前可视区的可视占位图元素；获取屏幕倍率以及可视占位图元素的逻辑分辨率；根据逻辑分辨率和屏幕倍率计算可视占位图元素对应的页面图片的显示分辨率；基于显示分辨率修改可视占位图元素的图片路径，以对页面图片进行加载显示。该实施方式能够根据终端的屏幕倍率计算出页面图片在每个终端的显示分辨率，以使每个终端得到最佳显示效果。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面图片的显示方法和显示装置。

背景技术

在网页加载图片元素时，终端浏览器目前采取的方案普遍有两种方式，一种是将图片元素的宽和高进行固化，不管多大的屏幕，图片元素的大小宽高比都不变；另一种是以一种图片尺寸去适配多种不同屏幕的尺寸。

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

屏幕越大，被留出的空白越多；图片的清晰度较差。

发明内容

有鉴于此，本发明实施例提供一种页面图片的显示方法和显示装置，能够根据终端的屏幕倍率计算出页面图片在每个终端的显示分辨率，以使每个终端得到最佳显示效果。

为实现上述目的，根据本发明实施例的一个方面，提供了一种页面图片的显示方法。

本发明实施例的一种页面图片的显示方法包括：

确定页面中位于当前可视区的可视占位图元素；

获取所述可视占位图元素的逻辑分辨率以及屏幕倍率；

根据所述逻辑分辨率和所述屏幕倍率计算所述可视占位图元素对应的页面图片的显示分辨率；

基于所述显示分辨率修改所述可视占位图元素的图片路径，以对所述页面图片进行加载显示。

可选地，确定页面中位于当前可视区的可视占位图元素，包括：

获取页面中的占位图元素，并设置所述占位图元素的图片标签；其中，所述图片标签包括占位图路径和图片路径；

获取所述页面中当前可视区的可视区上边距和可视区高度，并基于所述可视区上边距和所述可视区高度计算所述当前可视区的可视区下边距；

获取所述图片路径为非空值的所述占位图元素的图元素上边距；

基于所述图元素上边距、所述可视区上边距和所述可视区下边距筛选出位于所述当前可视区的可视占位图元素。

可选地，所述逻辑分辨率包括逻辑像素宽和逻辑像素高，所述显示分辨率包括显示像素宽和显示像素高，以及

根据所述逻辑分辨率和所述屏幕倍率计算所述可视占位图元素对应的页面图片的显示分辨率，包括：

根据所述可视占位图元素的图片路径获取所述可视占位图元素对应的页面图片；

将所述逻辑像素宽与所述屏幕倍率相乘，得到所述页面图片的所述显示像素宽；

将所述逻辑像素高与所述屏幕倍率相乘，得到所述页面图片的所述显示像素高。

可选地，基于所述显示分辨率修改所述可视占位图元素的图片路径，包括：

确定所述可视占位图元素的图片路径的尺寸位置；

基于所述显示像素宽和所述显示像素高修改所述尺寸位置的值。

可选地，基于所述显示分辨率修改所述可视占位图元素的图片路径之后，还包括：

生成图片测试对象，将所述可视占位图元素的图片路径设置为所述图片测试对象的测试路径；