CN115150390B - 一种图像显示方法、装置、设备及介质 - Google Patents

Abstract

本说明书实施例公开了一种图像显示方法、装置、设备及介质，包括：根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；根据当前的网络环境确定所述待显示图像的显示点阵间隔；根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

Description

一种图像显示方法、装置、设备及介质

技术领域

本说明书涉及计算机技术领域，尤其涉及一种图像显示方法、装置、设备及介质。

背景技术

现有的移动终端，例如智能手机，由于使用方便，己经成为大多数用户访问网络的首选设备。在用户使用移动终端的过程中，经常需要在移动终端上显示网络图像，从而用户可以浏览网络上的图像。

现有的图像在显示时，大都是通过将图像转换为二进制数据进行传输，在传输过程中图像可能出现像素丢失的情况，进而可能出现无法显示完整图像的情况，影响用户的体验。

发明内容

本说明书一个或多个实施例提供了一种图像显示方法、装置、设备及介质，用于解决背景技术提出的技术问题。

本说明书一个或多个实施例采用下述技术方案：

本说明书一个或多个实施例提供的一种图像显示方法，包括：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

进一步的，所述根据待显示图像的识别标识，确定所述待显示图像的像素点数量与所述待显示图像中各像素点对应的像素值前，所述方法还包括：

确定所述待显示图像的所述识别标识与所述待显示图像的像素点数量；

确定所述待显示图像中每个像素点的位置与像素值；

将所述待显示图像的像素点数量、所述待显示图像中每个像素点的像素值与位置，同所述识别标识建立对应关系。

进一步的，所述方法还包括：

实时记录当前获取的像素点数量；

若出现网络断开的情况，确定断开时已获取的像素点数据；

在网络重新连接后，根据所述已获取的像素点数据获取剩余的像素点。

进一步的，所述根据当前的网络环境确定所述待显示图像的显示点阵间隔，具体包括：

根据预先获取的所述待显示图像的分辨率与当前的网络环境确定所述待显示图像的显示点阵间隔。

进一步的，所述根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值后，所述方法还包括：

根据预先获取的所述待显示图像的分辨率创建画布，并在所述画布上显示所述待显示图像的各像素点。

进一步的，所述确定所述待显示图像中每个像素点的位置，具体包括：

在所述待显示图像中建立位置坐标系，以所述待显示图像的指定位置为坐标原点，水平为X轴方向，竖直为Y轴方向，相邻两个像素点之间的距离为1；

根据所示位置坐标系确定所述待显示图像中每个像素点的位置。

进一步的，若所述当前的网络环境符合设定要求，所述显示点阵间隔设定为0。

本说明书一个或多个实施例提供的一种图像显示装置，包括：

像素数据确定单元，根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

点阵间隔确定单元，根据当前的网络环境确定所述待显示图像的显示点阵间隔；

图像显示单元，根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

本说明书一个或多个实施例提供的一种图像显示设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

本说明书一个或多个实施例提供的一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果：

本说明书实施例可以用在有单张高清晰高分辨率的图像下载并显示的场景中，像素的拆分发送可有效缓解网络传输的压力，客户端获取到像素之后通过点阵式重绘方法可以迅速生相同分辨率的原生图像，而后随着像素数据的逐步传输完成，一张清晰的图像也加载完成。通过点阵式分包下载图像像素数据的方式既减轻了网络负载，也能提高客户端在绘制图像时的效率。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本说明书一个或多个实施例提供的一种图像显示方法的流程示意图；

图2为本说明书一个或多个实施例提供的一种图像显示装置的结构示意图；

图3为本说明书一个或多个实施例提供的一种图像显示设备的结构示意图。

具体实施方式

本说明书实施例提供一种图像显示方法、装置、设备及介质。

图像在显示时，可以将图像转换为Baseline JPEG(标准型)格式，Baseline JPEG格式的图像在保存信息过程中，是从上往下将每一行的数据顺序传输，所以读一部分就展示，显示效果是从上往下一点一点展示。Baseline JPEG

此外，图像在显示是，还可以将图像转换为Progressive JPEG(渐进式)格式，Progressive JPEG格式的图像在保存信息过程中，是一帧一帧的存储的，如果逐帧逐帧的读的话，就会先看到模糊图，然后一点一点变清晰。

需要说明的是，Baseline JPEG格式的图像与Progressive JPEG格式的图像在传输时还是以图像文件为基础，传输文件的二进制数据，在传输过程中如果遇到网络波动和断开的情况，图像就会出现显示不全或者图像马赛克严重的问题，对用户体很不友好.

同时，Baseline JPEG和Progressive JPEG加载图像的技术在传输高分辨率的图像时，会占用更多的内存和CPU资源，而上述两种方式并没有相对应的应对措施。

为了使本技术领域的人员更好地理解本说明书中的技术方案，下面将结合本说明书实施例中的附图，对本说明书实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本说明书保护的范围。

图1为本说明书一个或多个实施例提供的一种图像显示方法的流程示意图，该流程可以由图像显示系统执行，该系统可以直接通过获取像素点进行图像显示，尽可能的防止像素丢失的情况，使得图像显示更完整。流程中的某些输入参数或者中间结果允许人工干预调节，以帮助提高准确性。

本说明书实施例的方法流程步骤如下：

S102，根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值。

在本说明书实施例中，待显示图像的识别标识可以为待显示图像预先编辑的文件名标识，待显示图像的像素点数量、待显示图像中各像素点的位置及像素值为待显示图像本身的属性，图像显示就是获取各像素点在不同位置的像素值。像素值可以为ARGB(AlphaRedGreenBlue)值。

进一步的，在本说明书实施例中，根据待显示图像的识别标识，确定所述待显示图像的像素点数量与所述待显示图像中各像素点对应的像素值前，可以先确定所述待显示图像的所述识别标识与所述待显示图像的像素点数量；然后，确定所述待显示图像中每个像素点的位置与像素值；最后，将所述待显示图像的像素点数量、所述待显示图像中每个像素点的像素值与位置，同所述识别标识建立对应关系，后续即可通过图像的识别标识获取该图像的像素点的相关参数。

在本说明书实施例中，确定所述待显示图像中每个像素点的位置时，可以先在所述待显示图像中建立位置坐标系，过程中，可以以所述待显示图像的指定位置为坐标原点，水平为X轴方向，竖直为Y轴方向，相邻两个像素点之间的距离为1，比如，坐标原点可以设定为图像的左上角位置；最后，根据所示位置坐标系确定所述待显示图像中每个像素点的位置。

进一步的，本说明书实施例在根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值后，可以根据预先获取的所述待显示图像的分辨率创建画布，并在所述画布上显示所述待显示图像的各像素点。

S104，根据当前的网络环境确定所述待显示图像的显示点阵间隔。

在本说明书实施例中，显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。比如，待显示图像中的像素点由上到下依次获取像素点，首个像素点记为1，显示点阵间隔设定为5，即在首次获取像素点时，得到的像素点为1，6，11，16……，第二次获取像素点时，得到像素点为2，7，12，17……，第三次获取像素点时，得到像素点为3，8，13，18……，第四次获取像素点时，得到像素点为4，9，14，19……，第五次获取像素点时，得到像素点为5，10，15，20……，在第五次获取完像素点后，即可显示完整的待显示图像。

在本说明书实施例中，设定显示点阵间隔时，除了网络环境，还需要考虑图像的分辨率，可以根据预先获取的所述待显示图像的分辨率与当前的网络环境同时确定所述待显示图像的显示点阵间隔。图像分辩率大于设定值时，可以将显示点阵间隔设定为第一点阵间隔，图像分辩率不大于设定值时，可以将显示点阵间隔设定为第二点阵间隔，第一点阵间隔大于第二点阵间隔，图像分辨率较大时，会占用更多的内存和CPU资源，在设定显示点阵间隔过程中需要考虑这一重要因素，以免给用户带来不好的体验。

进一步的，若所述当前的网络环境符合设定要求，可以将显示点阵间隔设定为0，即待显示图像的所有像素点同时获取。

需要说明的是，显示点阵间隔设定为0是在网络条件符合设定网速的情况下，其余情况可以将显示点阵间隔设定为大于0的正值，比如，显示点阵间隔设定为5。

S106，根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像。

进一步的，本说明书实施例在逐次获取各像素点对应的像素值进行显示过程中，为了防止出现网络断开的情况，可以实时记录当前获取的像素点数量；在出现网络断开的情况，确定断开时已获取的像素点数据；在网络重新连接后，可以根据所述已获取的像素点数据获取剩余的像素点。

进一步的，本说明书实施例针对上述方案，给出具体的实施方式：

例如，待显示图像为一张分辨率为2560*1440的16:9的图像，像素点为3686400，服务端程序首先对图像进行分析，将图像的长宽等基本信息保存，然后以图像左上角作为坐标原点，向右为X轴方向，向下为Y轴方向，原点的像素设定为1，按照从左到右，从上到下的顺序依次获取每个像素点的ARGB值，然后将像素点的ARGB值和该像素点的位置索引存储起来，并以图像的名称作为存储像素数据的唯一识别码。其中，像素数据为像素点的ARGB值和像素点的位置。

当客户端程序要下载该图像时，只需将图像名称传送给服务端程序，服务端通过图像名字检索出图像的基本信息(至少包括图像的长宽)和像素数据(图像像素点的ARGB值和像素点的位置)，发送给客户端程序。服务端在发送的时候最先发送的是图像的基本信息，像素数据可以根据实时的网络情况选择按照点阵间隔获取部分数据分包发送还是整包数据全部发送。客户端程序收到图像的基本信息之后会根据图像的分辨率创建一张相同大小画布，然后根据配置的点阵间隔X(可以理解为间隔X个像素点)获取对应的像素数据，比如当X＝10时，程序会先绘制像素点索引为1，11，21，31，41....的像素点，当第一轮绘制完成之后，再绘制2，22，32，42，52....的像素点，绘制的顺序依次为从左到右，从上到下；每一轮的绘制都是整张图像的部分像素数据，每完成一轮图像都会比前一轮更清晰，当绘制10轮之后整张图像也就绘制完成了，这种渐变式的图像加载方式使图像显示的速度更快，用户体验也可以更好。

需要说明的是，本说明书实施例的图像的显示不再以文件二进制形式下载，而是将图像解析成ARGB的像素数据传输，客户端收到像素数据后通过算法重绘图像。客户端重绘图像时可以采用像素点阵式重绘方式，绘制的每两个像素点之间的间隔保持一致，未绘制的像素点可以以白色像素点填充，每完成一轮的绘制图像就会变的更清晰。

需要说明的是，本说明书实施例的服务端发送像素数据时可以根据网络情况分包发或者整包发，分包发送时按照点阵间隔获取到像素数据然后发送给客户端，整包发送时同时获取所有的像素数据发送给客户端。

需要说明的是，本说明书实施例的客户端实时记录下载的像素数据的数量，如果出现网络断开的情况，在重连之后将该数据告知服务端，服务端将继续传输剩下的像素数据，避免已经下载过的像素数据重复下载对网络资源造成的浪费.

需要说明的是，本说明书实施例的该方式较之前的Progressive JPEG格式加载的优势是像素处理单位更小，像素重绘渲染时可以使用GPU加速，减轻了CPU和内存的负担。服务端和客户端配合更智能，可以省去重复加载对资源造成的浪费。

需要说明的是，本说明书实施例可以用在有单张高清晰高分辨率的图像下载并显示的场景中，像素的拆分发送可有效缓解网络传输的压力，客户端获取到像素之后通过点阵式重绘方法可以迅速生相同分辨率的原生图像，而后随着像素数据的逐步传输完成，一张清晰的图像也加载完成。通过点阵式分包下载图像像素数据的方式既减轻了网络负载，也能提高客户端在绘制图像时的效率，也解决了以前图像在加载的过程中遇到网络波动导致图像下载失败而不显示的情况，同时通过像素拆分计算重绘可以在第一时间就能看到图像的主要内容，并随着像素的逐级渲染而更加清晰，增强用户体验的同时也能减轻网络传输的负担。

与上述实施例相对应的是，图2为本说明书一个或多个实施例提供的一种图像显示装置的结构示意图，包括：像素数据确定单元202、点阵间隔确定单元204与图像显示单元206。

像素数据确定单元202，根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

点阵间隔确定单元204，根据当前的网络环境确定所述待显示图像的显示点阵间隔；

图像显示单元206，根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

与上述实施例相对应的是，图3为本说明书一个或多个实施例提供的一种图像显示设备的结构示意图，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

本说明书一个或多个实施例提供的一种非易失性计算机存储介质，存储有计算机可执行指令，所述计算机可执行指令设置为：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、设备、非易失性计算机存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

以上所述仅为本说明书的一个或多个实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书的一个或多个实施例可以有各种更改和变化。凡在本说明书的一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。

Claims (9)

1.一种图像显示方法，其特征在于，所述方法包括：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔，具体包括：

根据预先获取的所述待显示图像的分辨率与当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

2.根据权利要求1所述的方法，其特征在于，所述根据待显示图像的识别标识，确定所述待显示图像的像素点数量与所述待显示图像中各像素点对应的像素值前，所述方法还包括：

确定所述待显示图像的所述识别标识与所述待显示图像的像素点数量；

确定所述待显示图像中每个像素点的位置与像素值；

将所述待显示图像的像素点数量、所述待显示图像中每个像素点的像素值与位置，同所述识别标识建立对应关系。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

实时记录当前获取的像素点数量；

若出现网络断开的情况，确定断开时已获取的像素点数据；

在网络重新连接后，根据所述已获取的像素点数据获取剩余的像素点。

4.根据权利要求1所述的方法，其特征在于，所述根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值后，所述方法还包括：

根据预先获取的所述待显示图像的分辨率创建画布，并在所述画布上显示所述待显示图像的各像素点。

5.根据权利要求2所述的方法，其特征在于，所述确定所述待显示图像中每个像素点的位置，具体包括：

在所述待显示图像中建立位置坐标系，以所述待显示图像的指定位置为坐标原点，水平为X轴方向，竖直为Y轴方向，相邻两个像素点之间的距离为1；

根据所示位置坐标系确定所述待显示图像中每个像素点的位置。

6.根据权利要求1所述的方法，其特征在于，若所述当前的网络环境符合设定要求，所述显示点阵间隔设定为0。

7.一种图像显示装置，其特征在于，包括：

像素数据确定单元，根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

点阵间隔确定单元，根据当前的网络环境确定所述待显示图像的显示点阵间隔，具体包括：根据预先获取的所述待显示图像的分辨率与当前的网络环境确定所述待显示图像的显示点阵间隔；

图像显示单元，根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

8.一种图像显示设备，其特征在于，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔，具体包括：

根据预先获取的所述待显示图像的分辨率与当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。

9.一种非易失性计算机存储介质，其特征在于，存储有计算机可执行指令，所述计算机可执行指令设置为：

根据待显示图像的识别标识，确定所述待显示图像的像素点数量、所述待显示图像中各像素点的位置及像素值；

根据当前的网络环境确定所述待显示图像的显示点阵间隔，具体包括：

根据预先获取的所述待显示图像的分辨率与当前的网络环境确定所述待显示图像的显示点阵间隔；

根据所述显示点阵间隔、所述待显示图像的像素点数量以及所述待显示图像中各像素点的位置及像素值，逐次获取各像素点对应的像素值进行显示，得到完整的所述待显示图像，所述显示点阵间隔为每次获取像素点对应像素值时两个像素点之间的间隔。