[发明专利]图像显示方法、装置、电子设备及计算机存储介质

说明书

本说明书实施例公开一种图像显示方法、装置、电子设备及介质，所述方法包括：获取待显示的目标图像，确定所述目标图像的第一背景区域；基于所述第一背景区域中包含的颜色信息，确定所述第一背景区域的目标颜色变化类型；基于所述目标颜色变化类型，确定图像显示区域中除所述目标图像所在区域以外的第二背景区域的颜色信息；基于所述第二背景区域的颜色信息，对所述第二背景区域进行填充并将所述目标图像显示在所述图像显示区域中。上述方案中，能够使图像显示区域的背景颜色根据目标图像的背景颜色进行自适应调整，有效改善了图像的显示效果。

技术领域

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

背景技术

随着科学技术的不断发展，网页信息中包含有越来越丰富的元素，如图像信息。举例来讲，网页的专题板块通常有对应的专题配图，网页上展示的广告内容对应有广告配图等。在网页上显示图像时，通常是在网页上预先设定好用于显示图像的图像显示区域，然后将图像以某种方式展示在图像显示区域中。

现有技术中，通常采用contain方式对图像进行显示，contain模式是按照图像的长边填充图像显示区域，保证整张图像均可以被看到，但由于图像的比例与图像显示区域的比例可能存在差异，导致图像显示区域的两侧出现空白，进而导致最终的图像显示效果不佳。

发明内容

本说明书实施例提供及一种图像显示方法、装置、电子设备及计算机存储介质。

第一方面，本说明书实施例提供一种图像显示方法，所述方法包括：

获取待显示的目标图像，确定所述目标图像的第一背景区域；

基于所述第一背景区域中包含的颜色信息，确定所述第一背景区域的目标颜色变化类型；

基于所述目标颜色变化类型，确定图像显示区域中除所述目标图像所在区域以外的第二背景区域的颜色信息；

基于所述第二背景区域的颜色信息，对所述第二背景区域进行填充并将所述目标图像显示在所述图像显示区域中。

可选地，所述基于所述第一背景区域中包含的颜色信息，确定所述第一背景区域的目标颜色变化类型，包括：

将所述目标图像划分为多个分区；

针对每个分区，基于该分区包含的所有像素的颜色信息，确定该分区的颜色值；

针对所述每个分区，基于该分区的颜色值，以及该分区的相邻分区的颜色值，确定该分区与相邻分区之间的颜色距离；

基于所述多个分区中相邻两个分区之间的颜色距离，确定所述第一背景区域。

可选地，所述基于所述多个分区中相邻两个分区之间的颜色距离，确定所述第一背景区域，包括：

按照分区位置由所述目标图像边缘到所述目标图像中间的顺序，依次选取每个分区作为目标分区，并执行以下步骤：确定所述目标分区与相邻分区之间的颜色距离是否大于阈值，若是，将所述目标分区的相邻分区标记为非背景分区，若否，将所述目标分区的相邻分区标记为背景分区；

基于所述背景分区，确定所述第一背景区域。

可选地，所述基于所述第一背景区域中包含的颜色信息，确定所述第一背景区域的目标颜色变化类型，包括：

确定所述第一背景区域中目标行或目标列对应的N个分区，N为正整数；

确定所述N个分区中每两个相邻分区之间的颜色距离是否满足预设颜色变化规律，若是，将所述预设颜色变化规律对应的颜色变化类型作为所述目标颜色变化类型，其中，所述预设颜色变化规律为预设的颜色变化规律库中的规律。