CN110706322A - 图像显示的方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本申请提供了图像显示的方法、装置、电子设备及可读存储介质，根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

Description

图像显示的方法、装置、电子设备及可读存储介质

技术领域

本申请涉及动画制作技术领域，尤其涉及图像显示的方法、装置、电子设备及可读存储介质。

背景技术

计算机动画(Computer Animation，CG)，是借助计算机来制作动画的技术，大致可以分为二维动画(2D)和三维动画(3D)两种。

在CG影视动画制作中，通常，会有在画面中出现LED大屏幕的需求，因而需要在画面中模拟出图像在大屏幕上进行显示的效果。现有技术中，是把画面中的每个像素点用纵横交错的黑线隔开，来模拟出图像在LED大屏幕上进行显示的颗粒效果，但是，采用这种方式，画面的整体效果和放大后的细节都非常不真实，制作出的效果与图像真实在大屏幕上进行显示的效果相差较远。

发明内容

有鉴于此，本申请实施例的目的在于提供图像显示的方法、装置、电子设备及可读存储介质，可以使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

本申请主要包括以下几个方面：

第一方面，本申请实施例提供一种图像显示的方法，所述方法包括：

根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

通过所述显示屏显示所述目标图像。

在一种可能的实施方式中，所述通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，包括：

按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移；

通过所述网格分别对叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩，得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，所述通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，包括：

通过所述网格分别对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩；

按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，分别得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，所述预设原色包括红色、绿色和蓝色。

在一种可能的实施方式中，所述根据显示屏的分辨率，生成用于遮罩的网格，包括：

根据所述显示屏的分辨率，确定所述显示屏中的单位像素的大小；

根据单位像素的大小，确定用于生成所述网格的单个子网格的大小；

根据所述分辨率和单个子网格的大小，确定所述网格包含的子网格的数量；

根据单个子网格的大小和所述子网格的数量，生成用于遮罩的所述网格。

在一种可能的实施方式中，所述按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，包括：

将所述第一纯色图像、所述第二纯色图像、所述第三纯色图像进行叠加，使得所述第一纯色图像、所述第二纯色图像和所述第三纯色图像重叠；

从所述第一纯色图像中选取任意一点作为参考点，将所述第二纯色图像相对所述参考点朝第一偏移方向偏移第一偏移距离；

将所述第三纯色图像相对所述参考点朝第二偏移方向偏移第二预设偏移距离；

其中，所述第一偏移方向和所述第二偏移方向、所述第一偏移距离和所述第二偏移距离根据所述预设的图像之间的位置偏移规则确定。

在一种可能的实施方式中，根据以下步骤确定所述图像之间的位置偏移规则：

根据预设呈现的显示效果，确定图像的偏移方向；

根据单个子网格的大小和所述偏移方向，确定图像的偏移距离。

在一种可能的实施方式中，所述根据单个子网格的大小和所述偏移方向，确定图像的偏移距离，包括：

若所述偏移方向为第一方向，则将单个子网格的横向长度的三分之一，确定为所述偏移距离；或者，若所述偏移方向为第二方向，则将单个子网格的纵向长度的三分之一，确定为所述偏移距离；或者，若所述偏移方向为第三方向，则将单个子网格的对角线长度的三分之一，确定为所述偏移距离。

第二方面，本申请实施例还提供一种图像显示的装置，所述装置包括：

第一生成模块，用于根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取模块，用于获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

第二生成模块，用于通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

合并模块，用于对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

显示模块，用于通过所述显示屏显示所述目标图像。

在一种可能的实施方式中，所述第二生成模块包括：

叠加单元，用于按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移；

第一生成单元，用于通过所述网格分别对叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩，得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，所述第二生成模块包括：

遮罩单元，用于通过所述网格分别对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩；

第二生成单元，用于按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，分别得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，所述预设原色包括红色、绿色和蓝色。

在一种可能的实施方式中，所述第一生成模块包括：

第一确定单元，用于根据所述显示屏的分辨率，确定所述显示屏中的单位像素的大小；

第二确定单元，用于根据单位像素的大小，确定用于生成所述网格的单个子网格的大小；

第三确定单元，用于根据所述分辨率和单个子网格的大小，确定所述网格包含的子网格的数量；

第三生成单元，用于根据单个子网格的大小和所述子网格的数量，生成用于遮罩的所述网格。

在一种可能的实施方式中，所述第二生成模块，还用于根据以下步骤将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移：

将所述第一纯色图像、所述第二纯色图像、所述第三纯色图像进行叠加，使得所述第一纯色图像、所述第二纯色图像和所述第三纯色图像重叠；

从所述第一纯色图像中选取任意一点作为参考点，将所述第二纯色图像相对所述参考点朝第一偏移方向偏移第一偏移距离；

将所述第三纯色图像相对所述参考点朝第二偏移方向偏移第二偏移距离；

其中，所述第一偏移方向和所述第二偏移方向、所述第一偏移距离和所述第二偏移距离根据所述预设的图像之间的位置偏移规则确定。

在一种可能的实施方式中，所述装置还包括确定模块；所述确定模块，用于根据以下步骤确定所述图像之间的位置偏移规则：

根据预设呈现的显示效果，确定图像的偏移方向；

根据单个子网格的大小和所述偏移方向，确定图像的偏移距离。

在一种可能的实施方式中，所述确定模块，还用于根据以下步骤确定图像的偏移距离：

将单个子网格的横向长度的三分之一，确定为所述偏移距离；或者，将单个子网格的纵向长度的三分之一，确定为所述偏移距离；或者，将单个子网格的对角线长度的三分之一，确定为所述偏移距离。

第三方面，本申请实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过所述总线进行通信，所述机器可读指令被所述处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中所述的图像显示的方法的步骤。

第四方面，本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中所述的图像显示的方法的步骤。

本申请实施例中，根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本申请一实施例所提供的一种图像显示的方法的流程图；

图2a-图2c示出了目标图像在显示屏上进行显示的示意图；

图3示出了本申请另一实施例所提供的一种图像显示的装置的功能模块图之一；

图4示出了本申请另一实施例所提供的一种图像显示的装置中的第二生成模块的功能模块图；

图5示出了本申请另一实施例所提供的一种图像显示的装置中的第二生成模块的功能模块图；

图6示出了本申请另一实施例所提供的一种图像显示的装置中的第一生成模块的功能模块图；

图7示出了本申请另一实施例所提供的一种图像显示的装置的功能模块图之二；

图8示出了本申请另一实施例所提供的一种电子设备的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，应当理解，本申请中的附图仅起到说明和描述的目的，并不用于限定本申请的保护范围。另外，应当理解，示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应当理解，流程图的操作可以不按顺序实现，没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外，本领域技术人员在本申请内容的指引下，可以向流程图添加一个或多个其他操作，也可以从流程图中移除一个或多个操作。

另外，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的全部其他实施例，都属于本申请保护的范围。

为了使得本领域技术人员能够使用本申请内容，结合特定应用场景“在计算机动画中，显示出带有大屏幕显示效果的图像”，给出以下实施方式，对于本领域技术人员来说，在不脱离本申请的精神和范围的情况下，可以将这里定义的一般原理应用于其他实施例和应用场景。

本申请实施例下述方法、装置、电子设备或计算机可读存储介质可以应用于任何需要进行图像显示的场景，本申请实施例并不对具体的应用场景作限制，任何使用本申请实施例提供的图像显示的方法、装置、电子设备及可读存储介质的方案均在本申请保护范围内。

值得注意的是，在本申请提出之前，现有方案中是把画面中的每个像素点用纵横交错的黑线隔开，来模拟出图像在LED大屏幕上进行显示的颗粒效果，但是，采用这种方式，画面的整体效果和放大后的细节都非常不真实，制作出的效果与图像真实在大屏幕上进行显示的效果相差较远。

针对上述问题，本申请实施例根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

为便于对本申请进行理解，下面结合具体实施例对本申请提供的技术方案进行详细说明。

图1为本申请一实施例所提供的一种图像显示的方法的流程图。如图1所示，本申请实施例提供的图像显示的方法，包括以下步骤：

S101：根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应。

在具体实施中，先确定出用于显示目标图像的显示屏的分辨率，显示屏的分辨率是指显示屏上所能显示的像素个数，并根据显示屏的分辨率的大小，在显示屏上生成用于遮罩的网格，其中，网格由多个大小相等的子网格构成的，且各个子网格呈矩阵式排列，网格中的每个子网格与显示屏中的单位像素相对应，这里，每个子网格对应一个或多个单位像素。

需要说明的是，显示屏的分辨率，是确定显示屏上显示多少信息的设置，以水平和垂直像素来衡量，显示屏分辨率低时(例如640*480)，在显示屏上显示的像素少，但每个像素的尺寸比较大，显示屏分辨率高时(例如1600*1200)，在显示屏上显示的像素多，但每个像素的尺寸比较小，在显示屏物理尺寸一样的情况下，分辨率越高，显示效果就越精细和细腻。

进一步地，步骤S101中根据显示屏的分辨率，生成用于遮罩的网格，包括以下步骤：

步骤1011，根据所述显示屏的分辨率，确定所述显示屏中的单位像素的大小。

在具体实施中，根据显示屏的分辨率，可以确定显示屏所能显示的单位像素的数量，进而确定显示屏中单位像素的大小。

需要说明的是，若显示屏的大小相同，显示屏的分辨率越高，显示屏所显示的单位像素的数量越多，单位像素的大小越小；显示屏的分辨率越低，显示屏所显示的单位像素的数量越少，单位像素的大小越大。

步骤1012，根据单位像素的大小，确定用于生成所述网格的单个子网格的大小。

在具体实施中，网格中的每个子网格对应的单位像素的数量相同，每个子网格对应一个或多个单位像素，若确定了单位像素的大小和子网格对应的单位像素的数量，就可以确定出单个子网格的大小。

步骤1013，根据所述分辨率和单个子网格的大小，确定所述网格包含的子网格的数量。

在具体实施中，显示屏的分辨率代表显示屏可以显示的单位像素的数量，单个子网格对应一个或多个单位像素，故根据显示屏的分辨率和单个子网格的大小，可以确定出网格中子网格的数量。

一示例中，显示屏的分辨率为640*480，即显示屏可以显示的单位像素的数量为640*480＝307200，若单个子网格对应4个单位像素，则网格包含的子网格的数量为307200÷4＝76800。

步骤1014，根据单个子网格的大小和所述子网格的数量，生成用于遮罩的所述网格。

在具体实施中，用于遮罩的网格由大小相等的多个子网格构成，在确定出用于生成网格的单个子网格的大小，以及网格中单个子网格的数量，可以生成用于遮罩的网格。

S102：获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像。

在具体实施中，获取需要待在显示屏上进行显示的原始图像，对原始图像进行色彩处理，具体地，将原始图像分别向预设原色进行色彩偏移，预设原色包括三种不同的颜色，进而得到第一纯色图像、第二纯色图像和第三纯色图像。

这里，预设原色包括红色、绿色和蓝色，即预设原色包括三原色中的三种颜色，通常，每个像素的颜色是由这三种颜色合成得到的。

需要说明的是，在图像处理中，色彩偏移是指将原始图像中的各个单位像素的亮度值，通过颜色通道进行亮度值的调整，以使原始图像中的各个单位像素的颜色偏向预设原色中的一种颜色，进而得到一种纯色图像。

这里，可以每次分别对原始图像进行预设原色中每一种颜色的色彩偏移，具体地，对原始图像进行红色颜色的色彩偏移，得到原始图像对应的红色纯色图像(第一纯色图像)，对原始图像进行绿色颜色的色彩偏移，得到原始图像对应的绿色纯色图像(第二纯色图像)，对原始图像进行蓝色颜色的色彩偏移，得到原始图像对应的蓝色纯色图像(第三纯色图像)。

需要说明的是，对原始图像进行预设原色中各颜色的色彩偏移的顺序不做限定，上述颜色偏移的顺序仅仅为多种实施方式中的一种。

S103：通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小。

需要说明的是，在本申请实施例中，所说的所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域，具体是指，所述第一目标子图像上的子网格与所述第二目标子图像上的子网格之间的重叠区域，或者所述第一目标子图像上的子网格与所述第三目标子图像上的子网格之间的重叠区域，或者所述第二目标子图像上的子网格与所述第三目标子图像上的子网格之间的重叠区域。第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小小于单个子网格的大小，即任意两个目标子图像上的子网格之间不完全重叠，也即第一目标子图像上的子网格与第二目标子图像上的子网格之间不完全重叠，以及第一目标子图像上的子网格与第三目标子图像上的子网格之间不完全重叠，以及第二目标子图像上的子网格与第三目标子图像上的子网格之间不完全重叠。

在具体实施中，通过生成的网格对第一纯色图像、第二纯色图像、第三纯色图像分别进行遮罩，得到带有网格的第一目标子图像、第二目标子图像和第三目标子图像，这里，网格上的黑线会在各个目标子图像中显示出来，可以模拟出在大屏幕上显示的颗粒效果；这里，得到的第一目标子图像、第二目标子图像和第三目标子图像是叠加在一起的，而且第一目标子图像上的子网格、第二目标子图像上的子网格和第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小。

进一步地，步骤S103中通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，包括两种实施方式：

方式一：按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移；通过所述网格分别对叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩，得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在具体实施中，先将第一纯色图像、第二纯色图像、第三纯色图像不完全重合的叠加在一起，具体地，按照预设的图像之间的位置偏移规则，将第一纯色图像、第二纯色图像和第三纯色图像中的任意图像进行位置偏移后叠加，之后分别对叠加后的第一纯色图像、第二纯色图像和第三纯色图像进行遮罩，可以得到第一目标子图像、第二目标子图像和第三目标子图像，即第一纯色图像经遮罩后得到第一目标子图像、第二纯色图像经遮罩后得到第二目标子图像、第三纯色图像经遮罩后得到第三目标子图像，此时，第一目标子图像上的子网格、第二目标子图像上的子网格和第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小。

方式二：通过所述网格分别对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩；按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，分别得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在具体实施中，先通过网格分别对第一纯色图像、第二纯色图像和第三纯色图像进行遮罩，然后再对遮罩后的第一纯色图像、第二纯色图像和第三纯色图像进行不完全重合的叠加在一起，具体地，按照预设的图像之间的位置偏移规则，将遮罩后的第一纯色图像、第二纯色图像和第三纯色图像中的任意图像进行位置偏移后叠加，可以得到叠加在一起的第一目标子图像、第二目标子图像和第三目标子图像，此时，第一目标子图像上的子网格、第二目标子图像上的子网格和第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小。

需要说明的是，方式一是先进行位置偏移，再对偏移后的纯色图像通过网格遮罩得到目标子图像，方式二是先通过网格遮罩，再对遮罩后的纯色图像进行位置偏移得到目标子图像，即遮罩和位置偏移的顺序有所不同。

进一步地，按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，包括以下步骤：

步骤a：将所述第一纯色图像、所述第二纯色图像、所述第三纯色图像进行叠加，使得所述第一纯色图像、所述第二纯色图像和所述第三纯色图像重叠。

在具体实施中，将第一纯色图像、第二纯色图像、第三纯色图像以完全重合的方式进行叠加，即使得第一纯色图像、第二纯色图像和第三纯色图像重叠。

步骤b：从所述第一纯色图像中选取任意一点作为参考点，将所述第二纯色图像相对所述参考点朝第一偏移方向偏移第一偏移距离。

在具体实施中，将第一纯色图像、第二纯色图像和第三纯色图像完全重叠之后，从第一纯色图像中选取任意一点作为参考点，将第二纯色图像相对参考点朝第一偏移方向偏移第一偏移距离，这样，可以确定出第二纯色图像进行叠加的第一位置。

步骤c：将所述第三纯色图像相对所述参考点朝第二偏移方向偏移第二偏移距离。

在具体实施中，将第二纯色图像相对该参考点朝第二偏移方向偏移第二偏移距离，这样，可以确定出第三纯色图像进行叠加的第二位置。

需要说明的是，第一偏移方向和第二偏移方向可以相同，在第一偏移方向和第二偏移方向相同的情况下，第二偏移距离可以为第一偏移距离的两倍；第一偏移方向和第二偏移方向可以不同，并且第一偏移方向与第二偏移方向互为相反方向，在第一偏移方向和第二偏移方向互为相反方向的情况下，第二偏移距离与第一偏移距离的大小相同。

进一步地，根据以下步骤确定所述图像之间的位置偏移规则：根据预设呈现的显示效果，确定图像的偏移方向；根据单个子网格的大小和所述偏移方向，确定图像的偏移距离。

在具体实施中，根据目标图像在显示屏上进行显示的预设呈现的显示效果，先确定纯色图像的偏移方向，其中，显示效果的呈现方式可以包括横向叠加方式、纵向叠加方式、倾斜叠加方式中的一种，若为横向叠加方式，则偏移方向为水平向左方向或水平向右方向，若为纵向叠加方式，则偏移方向为竖直向上方向或竖直向下方向，若为倾斜叠加方式，则偏移方向为沿子网格对角线左斜向上方向、沿子网格对角线左斜向下方向、沿子网格对角线右斜向上方向、沿子网格对角线右斜向下方向，再根据显示网格中子网格的大小和偏移方向，确定纯色图像的偏移距离，这里，不同偏移方向对应的偏移距离不同，偏移距离由网格中子网格的大小和偏移方向共同确定。

进一步地，根据单个子网格的大小和所述偏移方向，确定图像的偏移距离，包括以下三种方式：

若所述偏移方向为第一方向，则将单个子网格的横向长度的三分之一，确定为所述偏移距离；或者，若所述偏移方向为第二方向，则将单个子网格的纵向长度的三分之一，确定为所述偏移距离；或者，若所述偏移方向为第三方向，则将单个子网格的对角线长度的三分之一，确定为所述偏移距离。

在具体实施中，偏移距离由网格中子网格的大小和偏移方向共同确定，其中，若偏移方向为第一方向，即水平向左方向或水平向右方向，则偏移距离为单个子网格横向长度的三分之一；若偏移方向为第二方向，即为竖直向上方向或竖直向下方向，则偏移距离为单个子网格纵向长度的三分之一；若偏移方向为第三方向，即沿子网格对角线左斜向上方向、沿子网格对角线左斜向下方向、沿子网格对角线右斜向上方向、沿子网格对角线右斜向下方向中的一种，则偏移距离为单个子网格对角线长度的三分之一。

参见图2a-图2c所示，为目标图像在显示屏上进行显示的示意图。如图2a所示，为偏移方向为第一方向的目标图像显示的示意图，如图2b所示，为偏移方向为第二方向的目标图像显示的示意图，如图2c所示，为偏移方向为第三方向的目标图像显示的示意图。

在具体实施中，如图2a所示，A1为第一目标子图像(实线围成的区域)，B1为第二目标子图像(虚线段围成的区域)，C1为第三目标子图像(虚线点围成的区域)，上述三个目标子图像中显示的图像内容相同，将A1、B1、C1进行合并得到目标图像，并将得到的目标图像进行显示，即得到如图2a所示的偏移方向为第一方向的目标图像显示的示意图，其中，A1与B1之间的偏移距离为单个子网格对角线长度的三分之一，A1与C1之间的偏移距离为单个子网格对角线长度的三分之二。

在具体实施中，如图2b所示，A2为第一目标子图像(实线围成的区域)，B2为第二目标子图像(虚线段围成的区域)，C2为第三目标子图像(虚线点围成的区域)，上述三个目标子图像中显示的图像内容相同，将A2、B2、C2进行合并得到目标图像，并将得到的目标图像进行显示，即得到如图2b所示的偏移方向为第二方向的目标图像显示的示意图，其中，A2与B2之间的偏移距离为单个子网格横线长度的三分之一，A2与C2之间的偏移距离为单个子网格横向长度的三分之二。

在具体实施中，如图2c所示，A3为第一目标子图像(实线围成的区域)，B3为第二目标子图像(虚线段围成的区域)，C3为第三目标子图像(虚线点围成的区域)，上述三个目标子图像中显示的图像内容相同，将A3、B3、C3进行合并得到目标图像，并将得到的目标图像进行显示，即得到如图2c所示的偏移方向为第三方向的目标图像显示的示意图，其中，A3与B3之间的偏移距离为单个子网格纵向长度的三分之一，A3与C3之间的偏移距离为单个子网格纵向长度的三分之二。

步骤S104：对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像。

在具体实施中，对不完全重合的第一目标子图像、第二目标子图像和第三目标子图像进行合并，可以得到目标图像，具体地，第一目标子图像上的子网格、第二目标子图像上的子网格和第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小。

步骤S105：通过所述显示屏显示所述目标图像。

在具体实施中，由于目标图像上带有用于遮罩的网格，网格可以将图像用纵横交错的线条隔开，这样，可以使目标图像在显示屏上的显示效果，带有图像在大屏幕上进行显示的颗粒效果；由于目标图像是由带有不同纯色的第一目标子图像、第二目标子图像、第三目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

本申请实施例中，根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

基于同一申请构思，本申请实施例还提供了与图像显示的方法实施例对应的图像显示的装置，由于本申请实施例中的装置解决问题的原理与本申请上述图像显示的方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。

参见图3-图7，其中，图3为本申请另一实施例提供的一种图像显示的装置300的功能模块图之一，图4为本申请另一实施例所提供的一种图像显示的装置300中的第二生成模块330的功能模块图，图5为本申请另一实施例所提供的一种图像显示的装置300中的第二生成模块330的功能模块图，图6为本申请另一实施例所提供的一种图像显示的装置300中的第一生成模块310的功能模块图，图7为本申请另一实施例所提供的一种图像显示的装置300的功能模块图之二。

如图3所示，图像显示的装置300包括：

第一生成模块310，用于根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取模块320，用于获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

第二生成模块330，用于通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

合并模块340，用于对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

显示模块350，用于通过所述显示屏显示所述目标图像。

在一种可能的实施方式中，如图4所示，所述第二生成模块330包括：

叠加单元332，用于按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移；

第一生成单元334，用于通过所述网格分别对叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩，得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，如图5所示，所述第二生成模块330包括：

遮罩单元336，用于通过所述网格分别对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像上进行遮罩；

第二生成单元338，用于按照预设的图像之间的位置偏移规则，将所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移后叠加，分别得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

在一种可能的实施方式中，所述预设原色包括红色、绿色和蓝色。

在一种可能的实施方式中，如图6所示，所述第一生成模块310包括：

第一确定单元312，用于根据所述显示屏的分辨率，确定所述显示屏中的单位像素的大小；

第二确定单元314，用于根据单位像素的大小，确定用于生成所述网格的单个子网格的大小；

第三确定单元316，用于根据所述分辨率和单个子网格的大小，确定所述网格包含的子网格的数量；

第三生成单元318，用于根据单个子网格的大小和所述子网格的数量，生成用于遮罩的所述网格。

在一种可能的实施方式中，如图3所示，所述第二生成模块330，还用于根据以下步骤将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移：

将所述第一纯色图像、所述第二纯色图像、所述第三纯色图像进行叠加，使得所述第一纯色图像、所述第二纯色图像和所述第三纯色图像重叠；

从所述第一纯色图像中选取任意一点作为参考点，将所述第二纯色图像相对所述参考点朝第一偏移方向偏移第一偏移距离；

将所述第三纯色图像相对所述参考点朝所述第二偏移方向偏移第二偏移距离；

其中，所述第一偏移方向和所述第二偏移方向、所述第一偏移距离和所述第二偏移距离根据所述预设的图像之间的位置偏移规则确定。

在一种可能的实施方式中，如图7所示，所述图像显示的装置300还包括确定模块360；所述确定模块360，用于根据以下步骤确定所述图像之间的位置偏移规则：

根据预设呈现的显示效果，确定图像的偏移方向；

根据单个子网格的大小和所述偏移方向，确定图像的偏移距离。

在一种可能的实施方式中，如图7所示，所述确定模块360，具体用于根据以下方式确定图像的偏移距离：

将单个子网格的横向长度的三分之一，确定为所述偏移距离；或者，将单个子网格的纵向长度的三分之一，确定为所述偏移距离；或者，将单个子网格的对角线长度的三分之一，确定为所述偏移距离。

在本申请实施例中，根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

基于同一申请构思，参见图8所示，为本申请另一实施例提供的一种电子设备800的结构示意图，包括：处理器810、存储器820和总线830，所述存储器820存储有所述处理器810可执行的机器可读指令，当电子设备800运行时，所述处理器810与所述存储器820之间通过所述总线830进行通信，所述机器可读指令被所述处理器810运行时执行如实施例一所述的图像显示的方法的步骤。

具体地，所述机器可读指令被所述处理器810执行时可以执行如下处理：

根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

通过所述显示屏显示所述目标图像。

本申请实施例中，根据显示屏的分辨率，可以生成用于遮罩的网格，并通过网格对经过色彩偏移得到的第一纯色图像、第二纯色图像和第三纯色图像分别进行遮罩，可以得到任意两个图像之间的任两个子网格的重叠区域小于单个网格大小的三个目标子图像，进而通过显示屏显示通过将三个目标子图像进行合并得到目标图像，这样，由于目标图像上带有网格，可以模拟出在大屏幕上显示的颗粒效果，由于目标图像是由带有不同纯色的三个目标子图像非完全重合的合并得到的，可以模拟出目标图像中的每个像素是由三种颜色构成的显示效果，使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

基于同一申请构思，本申请另一实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述提供的图像显示的方法的步骤。

具体地，所述存储介质能够为通用的存储介质，如移动磁盘、硬盘等，所述存储介质上的计算机程序被运行时，能够执行上述图像显示的方法，可以使得目标图像在显示屏上的显示效果，更接近在大屏幕上的显示效果。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本申请所提供的几个实施例中，应所述理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者所述技术方案的部分可以以软件产品的形式体现出来，所述计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (11)

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

根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

通过所述显示屏显示所述目标图像。

2.根据权利要求1所述的方法，其特征在于，所述通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，包括：

按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移；

通过所述网格分别对叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩，得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

3.根据权利要求1所述的方法，其特征在于，所述通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，包括：

通过所述网格分别对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像进行遮罩；

按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，分别得到所述第一目标子图像、所述第二目标子图像和所述第三目标子图像。

4.根据权利要求1所述的方法，其特征在于，所述预设原色包括红色、绿色和蓝色。

5.根据权利要求1所述的方法，其特征在于，所述根据显示屏的分辨率，生成用于遮罩的网格，包括：

根据所述显示屏的分辨率，确定所述显示屏中的单位像素的大小；

根据单位像素的大小，确定用于生成所述网格的单个子网格的大小；

根据所述分辨率和单个子网格的大小，确定所述网格包含的子网格的数量；

根据单个子网格的大小和所述子网格的数量，生成用于遮罩的所述网格。

6.根据权利要求2或3所述的方法，其特征在于，所述按照预设的图像之间的位置偏移规则，将叠加的所述第一纯色图像、所述第二纯色图像和所述第三纯色图像中的任意图像进行位置偏移，包括：

将所述第一纯色图像、所述第二纯色图像、所述第三纯色图像进行叠加，使得所述第一纯色图像、所述第二纯色图像和所述第三纯色图像重叠；

从所述第一纯色图像中选取任意一点作为参考点，将所述第二纯色图像相对所述参考点朝第一偏移方向偏移第一偏移距离；

将所述第三纯色图像相对所述参考点朝第二偏移方向偏移第二偏移距离；

其中，所述第一偏移方向和所述第二偏移方向、所述第一偏移距离和所述第二偏移距离根据所述预设的图像之间的位置偏移规则确定。

7.根据权利要求2或3所述的方法，其特征在于，所述方法还包括根据以下步骤确定所述图像之间的位置偏移规则：

根据预设呈现的显示效果，确定图像的偏移方向；

根据单个子网格的大小和所述偏移方向，确定图像的偏移距离。

8.根据权利要求7所述的方法，其特征在于，所述根据单个子网格的大小和所述偏移方向，确定图像的偏移距离，包括：

若所述偏移方向为第一方向，则将单个子网格的横向长度的三分之一，确定为所述偏移距离；或者，

若所述偏移方向为第二方向，则将单个子网格的纵向长度的三分之一，确定为所述偏移距离；或者，

若所述偏移方向为第二方向，则将单个子网格的对角线长度的三分之一，确定为所述偏移距离。

9.一种图像显示的装置，其特征在于，所述装置包括：

第一生成模块，用于根据显示屏的分辨率，生成用于遮罩的网格；其中，所述网格中的每个子网格与所述显示屏中的单位像素相对应；

获取模块，用于获取待显示的原始图像，并对所述原始图像分别向预设原色进行色彩偏移，得到第一纯色图像、第二纯色图像和第三纯色图像；

第二生成模块，用于通过所述网格对所述第一纯色图像、所述第二纯色图像和所述第三纯色图像分别进行遮罩，得到第一目标子图像、第二目标子图像和第三目标子图像，且所述第一目标子图像上的子网格、所述第二目标子图像上的子网格和所述第三目标子图像上的子网格之间任两个子网格的重叠区域小于单个子网格的大小；

合并模块，用于对所述第一目标子图像、所述第二目标子图像和所述第三目标子图像进行合并，得到目标图像；

显示模块，用于通过所述显示屏显示所述目标图像。

10.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过所述总线进行通信，所述机器可读指令被所述处理器运行时执行如权利要求1至8任一所述的图像显示的方法的步骤。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1至8任一所述的图像显示的方法的步骤。

Images