CN111292393A - 图像处理方法、装置、电子设备及存储介质 - Google Patents

图像处理方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111292393A
CN111292393A CN202010075795.8A CN202010075795A CN111292393A CN 111292393 A CN111292393 A CN 111292393A CN 202010075795 A CN202010075795 A CN 202010075795A CN 111292393 A CN111292393 A CN 111292393A
Authority
CN
China
Prior art keywords
image
information
color
movement
transition
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010075795.8A
Other languages
English (en)
Inventor
李银辉
杨林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Reach Best Technology Co Ltd
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Reach Best Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Reach Best Technology Co Ltd filed Critical Reach Best Technology Co Ltd
Priority to CN202010075795.8A priority Critical patent/CN111292393A/zh
Publication of CN111292393A publication Critical patent/CN111292393A/zh
Priority to PCT/CN2021/073179 priority patent/WO2021147976A1/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/40Filling a planar surface by adding surface attributes, e.g. colour or texture
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54Browsing; Visualisation therefor

Abstract

本公开关于一种图像处理方法、装置、电子设备及存储介质,其中,所述方法包括:分别获取第一图像和第二图像的主色调信息及第一图像和第二图像的移动信息;根据主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息,过渡颜色信息表示随着第一图像和第二图像在图像区域内的移动而变化的第一图像和第二图像之间融合的颜色信息;根据主色调信息和过渡颜色信息展示背景区域内的背景色。本公开中过渡颜色信息会随着第一图像和第二图像在图像区域内的移动而变化,根据主色调信息和过渡颜色信息展示的背景色也会随着第一图像和第二图像的移动而变化,避免了背景色保持不变,降低了第一图像和第二图像移动展示效果的突兀性。

Description

图像处理方法、装置、电子设备及存储介质
技术领域
本公开涉及数据处理技术领域,尤其涉及一种图像处理方法、装置、电子设备及存储介质。
背景技术
目前,在相关技术中,当在浏览器的网页或者移动APP中进行轮播图展示时,相邻的轮播图展示过程中,轮播图展示区域的背景色保持不变。
轮播图自身的颜色可能与轮播图展示区域的背景色的颜色反差较大,导致轮播图展示效果比较突兀。
发明内容
本公开提供了一种背景色的展示方法、装置、电子设备及存储介质,以至少解决相关技术中轮播图展示区域的背景色保持不变,导致轮播图展示效果比较突兀的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供了一种图像处理方法,包括:分别获取第一图像和第二图像的主色调信息,以及所述第一图像和所述第二图像的移动信息,所述第一图像和所述第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像;根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息,所述过渡颜色信息表示随着所述第一图像和所述第二图像在所述图像区域内的移动而变化的所述第一图像和所述第二图像之间融合的颜色信息;根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色。
可选地,所述根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息的步骤,包括:将所述第一图像的主色调信息在预设的时间内调整为所述第二图像的主色调信息,得到多个中间颜色信息;在移动所述第一图像和所述第二图像的过程中,将所述第二图像在所述图像区域内所占的比例作为所述移动信息,其中,在将所述第一图像和所述第二图像在所述图像区域内按照所述方向移动所述时间时,所述移动信息为100%;将所述移动信息对应的所述中间颜色信息作为所述过渡颜色信息。
可选地,所述根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息的步骤,包括:根据如下公式确定所述过渡颜色信息:Z1=(1-P)﹡X+P﹡Y;其中,所述Z1表示所述过渡颜色信息,所述P表示所述移动信息,所述移动信息为所述第二图像在所述图像区域内所占的比例,所述X表示所述第一图像的主色调信息,所述Y表示所述第二图像的主色调信息。
可选地,所述根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色的步骤,包括:将所述第二图像在所述图像区域内所占的比例作为所述移动信息;当所述移动信息为0%时,将所述背景色设置为所述第一图像的所述主色调信息;当所述移动信息为100%时,将所述背景色设置为所述第二图像的所述主色调信息;当所述移动信息大于0%,且所述移动信息小于100%时,将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
可选地,所述根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色的步骤,还包括:当所述移动信息大于0%,且所述移动信息小于100%时,将所述过渡颜色信息由RGB数值转换为HSB数值,并将所述HSB数值中的亮度值增加预设的数量得到优化过渡颜色信息;将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述优化过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述优化过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
根据本公开实施例的第二方面,提供了一种图像处理装置,包括:获取模块,被配置为分别获取第一图像和第二图像的主色调信息,以及所述第一图像和所述第二图像的移动信息,所述第一图像和所述第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像;确定模块,被配置为根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息,所述过渡颜色信息表示随着所述第一图像和所述第二图像在所述图像区域内的移动而变化的所述第一图像和所述第二图像之间融合的颜色信息;展示模块,被配置为根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色。
可选地,所述确定模块,包括:颜色调整模块,被配置为将所述第一图像的主色调信息在预设的时间内调整为所述第二图像的主色调信息,得到多个中间颜色信息;信息确定模块,被配置为在移动所述第一图像和所述第二图像的过程中,将所述第二图像在所述图像区域内所占的比例作为所述移动信息,其中,在将所述第一图像和所述第二图像在所述图像区域内按照所述方向移动所述时间时,所述移动信息为100%;颜色确定模块,被配置为将所述移动信息对应的所述中间颜色信息作为所述过渡颜色信息。
可选地,所述确定模块,被配置为根据如下公式确定所述过渡颜色信息:Z1=(1-P)﹡X+P﹡Y;其中,所述Z1表示所述过渡颜色信息,所述P表示所述移动信息,所述移动信息为所述第二图像在所述图像区域内所占的比例,所述X表示所述第一图像的主色调信息,所述Y表示所述第二图像的主色调信息。
可选地,所述展示模块,被配置为:将所述第二图像在所述图像区域内所占的比例作为所述移动信息;当所述移动信息为0%时,将所述背景色设置为所述第一图像的所述主色调信息;当所述移动信息为100%时,将所述背景色设置为所述第二图像的所述主色调信息;当所述移动信息大于0%,且所述移动信息小于100%时,将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
可选地,所述展示模块,还被配置为:当所述移动信息大于0%,且所述移动信息小于100%时,将所述过渡颜色信息由RGB数值转换为HSB数值,并将所述HSB数值中的亮度值增加预设的数量得到优化过渡颜色信息;将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述优化过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述优化过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
根据本公开实施例的第三方面,提供了一种电子设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如第一方面所述的图像处理方法。
根据本公开实施例的第四方面,提供了一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如第一方面所述的图像处理方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,包括可读性程序代码,所述可读性程序代码可由电子设备的处理器执行以完成如第一方面所述的图像处理方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
本公开的实施例分别获取第一图像和第二图像的主色调信息,以及第一图像和第二图像的移动信息。其中,第一图像和第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像。根据第一图像和第二图像的主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息,该过渡颜色信息可以表示随着第一图像和第二图像在图像区域内的移动而变化的第一图像和第二图像之间融合的颜色信息。最终,根据第一图像和第二图像的主色调信息和过渡颜色信息展示背景区域内的背景色。
本公开实施例中的过渡颜色信息会随着第一图像和第二图像在图像区域内的移动而变化,根据主色调信息和过渡颜色信息展示的背景色也会随着第一图像和第二图像的移动而变化,避免了背景色保持不变,降低了第一图像和第二图像移动展示效果的突兀性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种图像处理方法的步骤流程图。
图2是根据一示例性实施例示出的一种广告位轮播图的背景色展示方法的操作示意图。
图3是根据一示例性实施例示出的一种广告位轮播图的背景色展示方法的效果图。
图4是根据一示例性实施例示出的一种图像处理装置的框图。
图5是根据一示例性实施例示出的一种图像处理电子设备的框图。
图6是根据一示例性实施例示出的一种用于对图像进行处理的电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种图像处理方法的步骤流程图。该图像处理方法可以应用于展示轮播图的背景色。轮播图可以理解为在预设的图像区域内,按照预设的速度、预设的方向循环展示的图像。背景色可以理解为轮播图在预设的图像区域内展示时,图像区域的背景区域内的背景色。通常,背景区域可以设置于图像区域的下层,背景区域的面积可以大于图像区域的面积,以便在背景区域内展示背景色时,背景色不会被图像区域完全遮挡。该图像处理方法具体可以包括如下步骤。
步骤S11,分别获取第一图像和第二图像的主色调信息,以及第一图像和第二图像的移动信息。
在本公开的实施例中,第一图像和第二图像可以理解为轮播图中的任意两幅相邻图像。第一图像的主色调信息可以理解为第一图像中各像素点的颜色信息中,占比最多的颜色信息。同理,第二图像的主色调信息可以理解为第二图像中各像素点的颜色信息中,占比最多的颜色信息。当占比最多的颜色信息为一种颜色信息时,主色调信息即占比最多的一种颜色信息;当占比最多的颜色信息为多种颜色信息时,主色调信息可以为占比最多的多种颜色信息的平均值。
第一图像和第二图像的移动信息可以理解为第一图像和第二图像在预设的图像区域内移动的位置信息。在实际应用中,若第一图像和第二图像在预设的图像区域内按照从右向左的方向移动,则该位置信息可以为第二图像在预设的图像区域内所占用面积属于预设的图像区域的总面积的百分比。例如,第二图像占用了预设的图像区域的30%的面积,则第一图像和第二图像的移动信息为30%。
步骤S12,根据主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息。
在本公开的实施例中,过渡颜色信息可以理解为随着第一图像和第二图像在预设的图像区域内移动而变化的第一图像和第二图像之间融合的颜色信息。该过渡颜色信息可以表示第一图像和第二图像衔接的位置在背景区域内对应的背景色。
随着第一图像和第二图像在预设的图像区域内的移动,移动信息可以从0逐渐增加,最多可以增加到100%。随着移动信息的增加,过渡颜色信息也相应地改变。
步骤S13,根据主色调信息和过渡颜色信息展示背景区域内的背景色。
在本公开的实施例中,若第一图像和第二图像在预设的图像区域内按照从右向左的方向移动,第一图像在前,第二图像在后,则第一图像的主色调信息可以作为背景区域最左侧的背景色,第二图像的主色调信息可以作为背景区域最右侧的背景色。过渡颜色信息可以作为第一图像和第二图像衔接的位置在背景区域内对应的的背景色。
本公开的实施例分别获取第一图像和第二图像的主色调信息,以及第一图像和第二图像的移动信息。其中,第一图像和第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像。根据第一图像和第二图像的主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息,该过渡颜色信息可以表示随着第一图像和第二图像在图像区域内的移动而变化的第一图像和第二图像之间融合的颜色信息。最终,根据第一图像和第二图像的主色调信息和过渡颜色信息展示背景区域内的背景色。
本公开实施例中的过渡颜色信息会随着第一图像和第二图像在图像区域内的移动而变化,根据主色调信息和过渡颜色信息展示的背景色也会随着第一图像和第二图像的移动而变化,避免了背景色保持不变,降低了第一图像和第二图像移动展示效果的突兀性。
在本公开的一种示例性实施例中,在根据主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息时,可以将第一图像的主色调信息在预设的时间内调整为第二图像的主色调信息,得到多个中间颜色信息。其中,第一图像的主色调信息调整为第二图像的主色调信息的过程可以为第一图像的主色调信息渐变为第二图像的主色调信息的过程,得到的多个中间颜色信息可以为第一图像的主色调信息到第二图像的主色调信息之间的多个渐变色。在移动第一图像和第二图像的过程中,将第二图像在预设的图像区域内所占的比例作为移动信息。需要说明的是,第一图像的主色调信息调整为第二图像的主色调信息的时间,与第二图像从预设的图像区域的一侧移动到另一侧的时间相同,即第一图像和第二图像在预设的图像区域内按照第一图像的主色调信息调整为第二图像的主色调信息的时间移动时,移动信息可以为100%。然后,将移动信息对应的中间颜色信息作为过渡颜色信息。
例如,第一图像的主色调信息为X,第二图像的主色调信息为Y,在预设的时间C内将主色调信息X渐变为主色调信息Y,得到一系列的中间颜色信息。该一系列的中间颜色信息表示从主色调信息X过渡到主色调信息Y的每个颜色。设定一百分比Z表示中间颜色信息。当Z为0%时表示中间颜色信息为X,当Z为100%时表示中间颜色信息为Y。再设定另一百分比P表示第一图像和第二图像的移动信息,当P为0%时表示第二图像未移动至预设的图像区域,预设的图像区域展示的是整个第一图像;当P为30%时表示第二图像占预设的图像区域的30%,且第一图像占预设的图像区域的70%;当P为50%时表示第二图像和第一图像各占预设的图像区域的50%;当P为100%时表示第一图像已从预设的图像区域中移出,预设的图像区域展示的是整个第二图像。建立Z与P之间的对应关系,即Z等于P。若P为30%,则将Z为30%时表示的中间颜色信息作为过渡颜色信息。
在本公开的一种示例性实施例中,在根据主色调信息和移动信息确定图像区域的背景区域内的过渡颜色信息时,还可以根据如下公式确定过渡颜色信息:
Z1=(1-P)﹡X+P﹡Y;
其中,Z1表示过渡颜色信息,P表示移动信息,移动信息为第二图像在图像区域内所占的比例,X表示第一图像的主色调信息,Y表示第二图像的主色调信息。
在本公开的一种示例性实施例中,在根据主色调信息和过渡颜色信息展示背景区域内的背景色时,将第二图像在图像区域内所占的比例作为移动信息,当移动信息为0%时,即预设的图像区域内仅展示整个第一图像时,将背景色设置为第一图像的主色调信息;当移动信息为100%时,即预设的图像区域内仅展示整个第二图像时,将背景色设置为第二图像的主色调信息;当移动信息大于0%,且移动信息小于100%时,将背景色设置为从第一图像的主色调信息开始,经过过渡颜色信息,到第二图像的主色调信息结束的渐变色,过渡颜色信息在背景区域内的位置与移动信息相对应。
例如,第一图像和第二图像在预设的图像区域内按照从右向左的方向移动,第一图像在前,第二图像在后。当移动信息为0%时,即预设的图像区域内仅展示整个第一图像时,将背景色设置为第一图像的主色调信息X;当移动信息为100%时,即预设的图像区域内仅展示整个第二图像时,将背景色设置为第二图像的主色调信息Y;当移动信息大于0%,且移动信息小于100%时,将背景色设置为从第一图像的主色调信息X开始,经过过渡颜色信息Z,到第二图像的主色调信息Y结束的渐变色。
在本公开的一种示例性实施例中,若第一图像的主色调信息X与第二图像的主色调信息Y属于对立色(对立色是颜色科学研究中的一类特殊颜色现象,通过对其特殊匹配现象的研究,可以揭示人眼彩色视觉信息传递的规律),则由第一图像的主色调信息X与第二图像的主色调信息Y生成的过渡颜色信息Z视觉效果较差,因此,需要对过渡颜色信息Z进行优化。在对过渡颜色信息Z进行优化的实际过程中,可以将过渡颜色信息Z由RGB数值转换为HSB数值,并将转换后的HSB数值中的亮度值增加预设的数量得到优化过渡颜色信息Z’。其中,RGB数值表示红、绿、蓝三个通道的颜色,HSB数值表示色相、饱和度、亮度三个维度的颜色。色相的范围为0-360,饱和度的范围为0-100,亮度的范围为0-100。
例如,过渡颜色信息Z的RGB数值为R:181、G:232、B:206,转换后的HSB数值为H:150、S:28、B:75,预设的数量可以设置为20,则将HSB数值中的B增加20得到优化过渡颜色信息Z’的HSB数值为H:150、S:28、B:95。
在展示背景区域内的背景色时,若移动信息大于0%,且移动信息小于100%,则可以将背景色设置为从第一图像的主色调信息X开始,经过优化渡颜色信息Z’,到第二图像的主色调信息Y结束的渐变色。
基于上述关于一种图像处理方法的相关说明,下面介绍一种广告位轮播图的背景色展示方法。其中,每个轮播图可以为一张广告图片,每张广告图片对应一个主题色(即主色调信息),每张广告图片的主题可以为广告图片中占比最大的颜色。具体地,可以获取广告图片中每个像素点的颜色信息,得到多个颜色信息的集合。其中,集合中的颜色信息对应的像素点越多,则该颜色信息的占比越大。将集合中占比最大的颜色信息作为广告图片的主题色。本公开实施例中广告位轮播图的背景色展示方法中,广告位(即图像区域)的尺寸可以与广告图片的尺寸相同,可以理解为广告位最多可以展示一张完整的广告图片。
图2是根据一示例性实施例示出的一种广告位轮播图的背景色展示方法的操作示意图。初始时,在广告位上仅展示广告图片A,则背景色设置为广告图片A的主题色X。用户手动将广告图片A从右向左滑动,或者,广告图片A自动从右向左移动,广告图片B逐渐进入广告位。例如,移动信息依次为10%、50%和80%,在此过程中,背景色不再仅仅是主题色X,而是从左向右依次为主题色X、过渡颜色Z、广告图片B的主题色Y的渐变色。其中,过渡颜色Z可以理解为广告图片A与广告图片B衔接处对应的背景色。整个背景色可以划分为从主题色X到过渡颜色Z的渐变色,和从过渡颜色Z到主题色Y的渐变色。而且,过渡颜色Z会随着广告图片A和广告图片B的移动而变化。用户继续手动将广告图片A从右向左滑动,或者,广告图片A继续自动从右向左移动,直至广告图片A移出广告位,广告位仅展示广告图片B,此时,背景色设置为主题色Y。
图3是根据一示例性实施例示出的一种广告位轮播图的背景色展示方法的效果图。广告图片A的主题色为红色,广告图片B的主题色为蓝色。随着广告图片A和广告图片B的移动,广告位的背景色依次展示为:(1)、完全为红色;(2)、从红色开始、经过过渡色、到蓝色结束;(3)、完全为蓝色。
当广告位需要展示的轮播图有多个广告图片时,例如,三个或三个以上。可以预先确定每个广告图片对应的主题色,并确定相邻两个广告图片之间的过渡颜色。在广告位展示广告图片时,可以根据相应的主题色、过渡颜色等展示广告位的背景色。
本公开实施例中的技术方案应用于广告位轮播图的背景色展示时,为广告位增加了背景色过渡变化规则,可以将广告位中广告图片的颜色与背景色进行融合,展示有过渡效果的背景色,降低了广告图片的突兀性,突出广告图片的可视性,增强了广告图片的宣传效果,渲染了广告图片的环境氛围。
图4是根据一示例性实施例示出的一种图像处理装置的框图。该装置具体可以包括如下模块。
获取模块41,被配置为分别获取第一图像和第二图像的主色调信息,以及所述第一图像和所述第二图像的移动信息,所述第一图像和所述第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像;
确定模块42,被配置为根据所述主色调信息和所述移动信息确定图像区域的背景区域内的过渡颜色信息,所述过渡颜色信息表示随着所述第一图像和所述第二图像在所述图像区域内的移动而变化的所述第一图像和所述第二图像之间融合的颜色信息;
展示模块43,被配置为根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色。
在本公开的一种示例性实施例中,所述确定模块42,包括:
颜色调整模块,被配置为将所述第一图像的主色调信息在预设的时间内调整为所述第二图像的主色调信息,得到多个中间颜色信息;
信息确定模块,被配置为在移动所述第一图像和所述第二图像的过程中,将所述第二图像在所述图像区域内所占的比例作为所述移动信息,其中,在将所述第一图像和所述第二图像在所述图像区域内按照所述方向移动所述时间时,所述移动信息为100%;
颜色确定模块,被配置为将所述移动信息对应的所述中间颜色信息作为所述过渡颜色信息。
在本公开的一种示例性实施例中,所述确定模块42,被配置为根据如下公式确定所述过渡颜色信息:
Z1=(1-P)﹡X+P﹡Y;
其中,所述Z1表示所述过渡颜色信息,所述P表示所述移动信息,所述移动信息为所述第二图像在所述图像区域内所占的比例,所述X表示所述第一图像的主色调信息,所述Y表示所述第二图像的主色调信息。
在本公开的一种示例性实施例中,所述展示模块43,被配置为:将所述第二图像在所述图像区域内所占的比例作为所述移动信息;当所述移动信息为0%时,将所述背景色设置为所述第一图像的所述主色调信息;当所述移动信息为100%时,将所述背景色设置为所述第二图像的所述主色调信息;当所述移动信息大于0%,且所述移动信息小于100%时,将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
在本公开的一种示例性实施例中,所述展示模块43,还被配置为:当所述移动信息大于0%,且所述移动信息小于100%时,将所述过渡颜色信息由RGB数值转换为HSB数值,并将所述HSB数值中的亮度值增加预设的数量得到优化过渡颜色信息;将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述优化过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述优化过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图5是根据一示例性实施例示出的一种图像处理电子设备500的框图。例如,电子设备500可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图5,电子设备500可以包括以下一个或多个组件:处理组件502,存储器504,电力组件506,多媒体组件508,音频组件510,输入/输出(I/O)的接口512,传感器组件514,以及通信组件516。
处理组件502通常控制电子设备500的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件502可以包括一个或多个模块,便于处理组件502和其他组件之间的交互。例如,处理组件502可以包括多媒体模块,以方便多媒体组件508和处理组件502之间的交互。
存储器504被配置为存储各种类型的数据以支持在电子设备500的操作。这些数据的示例包括用于在电子设备500上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件506为电子设备500的各种组件提供电力。电源组件506可以包括电源管理系统,一个或多个电源,及其他与为电子设备500生成、管理和分配电力相关联的组件。
多媒体组件508包括在电子设备500和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件508包括一个前置摄像头和/或后置摄像头。当电子设备500处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件510被配置为输出和/或输入音频信号。例如,音频组件510包括一个麦克风(MIC),当电子设备500处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中,音频组件510还包括一个扬声器,用于输出音频信号。
I/O接口512为处理组件502和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件514包括一个或多个传感器,用于为电子设备500提供各个方面的状态评估。例如,传感器组件514可以检测到电子设备500的打开/关闭状态,组件的相对定位,例如所述组件为电子设备500的显示器和小键盘,传感器组件514还可以检测电子设备500或电子设备500一个组件的位置改变,用户与电子设备500接触的存在或不存在,电子设备500方位或加速/减速和电子设备500的温度变化。传感器组件514可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件514还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件516被配置为便于电子设备500和其他设备之间有线或无线方式的通信。电子设备500可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件516还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的存储介质,例如包括指令的存储器504,上述指令可由电子设备500的处理器520执行以完成上述方法。可选地,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供了一种计算机程序产品,该计算机程序产品包括可读性程序代码,该可读性程序代码可由电子设备500的处理器520执行以完成上述方法。可选地,该程序代码可以存储在电子设备500的存储介质中,该存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
图6是根据一示例性实施例示出的一种用于对图像进行处理的电子设备600的框图。例如,电子设备600可以被提供为一服务器。参照图6,电子设备600包括处理组件622,其进一步包括一个或多个处理器,以及由存储器632所代表的存储器资源,用于存储可由处理组件622的执行的指令,例如应用程序。存储器632中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件622被配置为执行指令,以执行上述图像处理方法。
电子设备600还可以包括一个电源组件626被配置为执行电子设备600的电源管理,一个有线或无线网络接口650被配置为将电子设备600连接到网络,和一个输入输出(I/O)接口658。电子设备600可以操作基于存储在存储器632的操作系统,例如WindowsServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM或类似。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种图像处理方法,其特征在于,包括:
分别获取第一图像和第二图像的主色调信息,以及所述第一图像和所述第二图像的移动信息,所述第一图像和所述第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像;
根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息,所述过渡颜色信息表示随着所述第一图像和所述第二图像在所述图像区域内的移动而变化的所述第一图像和所述第二图像之间融合的颜色信息;
根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色。
2.根据权利要求1所述的方法,其特征在于,所述根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息的步骤,包括:
将所述第一图像的主色调信息在预设的时间内调整为所述第二图像的主色调信息,得到多个中间颜色信息;
在移动所述第一图像和所述第二图像的过程中,将所述第二图像在所述图像区域内所占的比例作为所述移动信息,其中,在将所述第一图像和所述第二图像在所述图像区域内按照所述方向移动所述时间时,所述移动信息为100%;
将所述移动信息对应的所述中间颜色信息作为所述过渡颜色信息。
3.根据权利要求1所述的方法,其特征在于,所述根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息的步骤,包括:
根据如下公式确定所述过渡颜色信息:
Z1=(1-P)﹡X+P﹡Y;
其中,所述Z1表示所述过渡颜色信息,所述P表示所述移动信息,所述移动信息为所述第二图像在所述图像区域内所占的比例,所述X表示所述第一图像的主色调信息,所述Y表示所述第二图像的主色调信息。
4.根据权利要求1所述的方法,其特征在于,所述根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色的步骤,包括:
将所述第二图像在所述图像区域内所占的比例作为所述移动信息;
当所述移动信息为0%时,将所述背景色设置为所述第一图像的所述主色调信息;
当所述移动信息为100%时,将所述背景色设置为所述第二图像的所述主色调信息;
当所述移动信息大于0%,且所述移动信息小于100%时,将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
5.根据权利要求4所述的方法,其特征在于,所述根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色的步骤,还包括:
当所述移动信息大于0%,且所述移动信息小于100%时,将所述过渡颜色信息由RGB数值转换为HSB数值,并将所述HSB数值中的亮度值增加预设的数量得到优化过渡颜色信息;
将所述背景色设置为从所述第一图像的所述主色调信息开始,经过所述优化过渡颜色信息,到所述第二图像的所述主色调信息结束的渐变色,所述优化过渡颜色信息在所述背景区域内的位置与所述移动信息相对应。
6.一种图像处理装置,其特征在于,包括:
获取模块,被配置为分别获取第一图像和第二图像的主色调信息,以及所述第一图像和所述第二图像的移动信息,所述第一图像和所述第二图像为在预设的图像区域内按照预设的方向移动展示的两幅相邻图像;
确定模块,被配置为根据所述主色调信息和所述移动信息确定所述图像区域的背景区域内的过渡颜色信息,所述过渡颜色信息表示随着所述第一图像和所述第二图像在所述图像区域内的移动而变化的所述第一图像和所述第二图像之间融合的颜色信息;
展示模块,被配置为根据所述主色调信息和所述过渡颜色信息展示所述背景区域内的背景色。
7.根据权利要求6所述的装置,其特征在于,所述确定模块,包括:
颜色调整模块,被配置为将所述第一图像的主色调信息在预设的时间内调整为所述第二图像的主色调信息,得到多个中间颜色信息;
信息确定模块,被配置为在移动所述第一图像和所述第二图像的过程中,将所述第二图像在所述图像区域内所占的比例作为所述移动信息,其中,在将所述第一图像和所述第二图像在所述图像区域内按照所述方向移动所述时间时,所述移动信息为100%;
颜色确定模块,被配置为将所述移动信息对应的所述中间颜色信息作为所述过渡颜色信息。
8.根据权利要求6所述的装置,其特征在于,所述确定模块,被配置为根据如下公式确定所述过渡颜色信息:
Z1=(1-P)﹡X+P﹡Y;
其中,所述Z1表示所述过渡颜色信息,所述P表示所述移动信息,所述移动信息为所述第二图像在所述图像区域内所占的比例,所述X表示所述第一图像的主色调信息,所述Y表示所述第二图像的主色调信息。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至5中任一项所述的图像处理方法。
10.一种存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至5中任一项所述的图像处理方法。
CN202010075795.8A 2020-01-22 2020-01-22 图像处理方法、装置、电子设备及存储介质 Pending CN111292393A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202010075795.8A CN111292393A (zh) 2020-01-22 2020-01-22 图像处理方法、装置、电子设备及存储介质
PCT/CN2021/073179 WO2021147976A1 (zh) 2020-01-22 2021-01-22 图像处理方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010075795.8A CN111292393A (zh) 2020-01-22 2020-01-22 图像处理方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN111292393A true CN111292393A (zh) 2020-06-16

Family

ID=71029196

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010075795.8A Pending CN111292393A (zh) 2020-01-22 2020-01-22 图像处理方法、装置、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN111292393A (zh)
WO (1) WO2021147976A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021147976A1 (zh) * 2020-01-22 2021-07-29 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164205A (zh) * 2011-12-15 2013-06-19 阿里巴巴集团控股有限公司 一种轮播效果的切换方法及装置
CN104299252A (zh) * 2014-10-17 2015-01-21 惠州Tcl移动通信有限公司 一种图片显示切换的过渡方法及其系统
CN107102863A (zh) * 2017-05-08 2017-08-29 广州视源电子科技股份有限公司 一种根据轮播图片自动确定轮播区域背景色的方法及系统
CN109032492A (zh) * 2018-07-27 2018-12-18 腾讯音乐娱乐科技(深圳)有限公司 一种切歌的方法及装置
US20190050427A1 (en) * 2016-08-10 2019-02-14 Zeekit Online Shopping Ltd. Method, System, and Device of Virtual Dressing Utilizing Image Processing, Machine Learning, and Computer Vision
CN109360261A (zh) * 2018-09-28 2019-02-19 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7289127B1 (en) * 2005-04-25 2007-10-30 Apple, Inc. Multi-conic gradient generation
CN111292393A (zh) * 2020-01-22 2020-06-16 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164205A (zh) * 2011-12-15 2013-06-19 阿里巴巴集团控股有限公司 一种轮播效果的切换方法及装置
CN104299252A (zh) * 2014-10-17 2015-01-21 惠州Tcl移动通信有限公司 一种图片显示切换的过渡方法及其系统
US20190050427A1 (en) * 2016-08-10 2019-02-14 Zeekit Online Shopping Ltd. Method, System, and Device of Virtual Dressing Utilizing Image Processing, Machine Learning, and Computer Vision
CN107102863A (zh) * 2017-05-08 2017-08-29 广州视源电子科技股份有限公司 一种根据轮播图片自动确定轮播区域背景色的方法及系统
CN109032492A (zh) * 2018-07-27 2018-12-18 腾讯音乐娱乐科技(深圳)有限公司 一种切歌的方法及装置
CN109360261A (zh) * 2018-09-28 2019-02-19 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
CSDN博主JCWOOO_0: "跟随ViewPager滑动,背景色渐变", 《网站CSDN来源链接HTTPS://BLOG.CSDN.NET/QQ_34247200/ARTICLE/DETAILS/100985014》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021147976A1 (zh) * 2020-01-22 2021-07-29 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
WO2021147976A1 (zh) 2021-07-29

Similar Documents

Publication Publication Date Title
EP3125547A1 (en) Method and device for switching color gamut mode
CN108122195B (zh) 图片处理方法及装置
CN111223432A (zh) 控制屏幕显示的方法及装置
CN111290723A (zh) 显示背景的调节方法、装置、终端及存储介质
CN112116670A (zh) 信息处理方法及装置、电子设备及存储介质
CN112614064A (zh) 图像处理方法、装置、电子设备及存储介质
CN112365863A (zh) 亮度调节方法、装置、显示设备及存储介质
CN105677352B (zh) 应用图标颜色的设置方法和装置
CN104536713B (zh) 显示图像中的字符的方法及装置
CN114827391A (zh) 摄像头切换方法、摄像头切换装置及存储介质
CN111292393A (zh) 图像处理方法、装置、电子设备及存储介质
CN111131596B (zh) 屏幕亮度调整方法及装置
CN108650412B (zh) 一种显示方法、显示装置和计算机可读存储介质
CN108156381B (zh) 拍照方法及装置
CN112331158B (zh) 终端显示调节方法、装置、设备及存储介质
CN109413232B (zh) 屏幕显示方法及装置
CN109389547B (zh) 图像显示方法及装置
CN111538447A (zh) 信息展示方法、装置、设备及存储介质
CN111988595A (zh) 色温调节方法、装置及存储介质
CN113470583B (zh) 显示画面的调整方法及装置、存储介质
CN114051302B (zh) 灯光控制方法、装置、电子设备及存储介质
CN111462284B (zh) 动画生成方法、动画生成装置和电子设备
EP4068271A1 (en) Method and apparatus for processing brightness of display screen
CN110876015B (zh) 确定图像分辨率的方法及装置、电子设备及存储介质
CN110225189B (zh) 显示控制方法及设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20200616