CN110060203A - 图片显示方法、图片显示装置、电子设备及存储介质 - Google Patents
图片显示方法、图片显示装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN110060203A CN110060203A CN201910325380.9A CN201910325380A CN110060203A CN 110060203 A CN110060203 A CN 110060203A CN 201910325380 A CN201910325380 A CN 201910325380A CN 110060203 A CN110060203 A CN 110060203A
- Authority
- CN
- China
- Prior art keywords
- target photo
- color
- target
- display
- display area
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 79
- 238000003860 storage Methods 0.000 title claims abstract description 26
- 239000000463 material Substances 0.000 claims description 105
- 230000000694 effects Effects 0.000 claims description 77
- 238000001514 detection method Methods 0.000 claims description 8
- 238000004590 computer program Methods 0.000 claims description 4
- 238000003384 imaging method Methods 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 abstract description 5
- 238000012545 processing Methods 0.000 description 12
- 239000003086 colorant Substances 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000008447 perception Effects 0.000 description 6
- 238000004088 simulation Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 235000013399 edible fruits Nutrition 0.000 description 3
- 230000005291 magnetic effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000012935 Averaging Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000010422 painting Methods 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241001062009 Indigofera Species 0.000 description 1
- 241000270322 Lepidosauria Species 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 230000003796 beauty Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 210000004027 cell Anatomy 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000010612 desalination reaction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 238000009432 framing Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000014759 maintenance of location Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000010428 oil painting Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003014 reinforcing effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 210000000352 storage cell Anatomy 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/04—Context-preserving transformations, e.g. by using an importance map
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Image Analysis (AREA)
- Image Processing (AREA)
Abstract
本公开提供了一种图片显示方法、图片显示装置、电子设备及计算机可读存储介质,属于图像显示技术领域。所述方法应用于显示设备,所述显示设备呈现一显示区域;所述方法包括:获取待显示的目标图片;检测所述目标图片与所述显示区域的尺寸是否匹配;如果所述目标图片与所述显示区域的尺寸匹配,则在所述显示区域中显示所述目标图片;如果所述目标图片与所述显示区域的尺寸不匹配,则在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像。本公开可以提高图片显示的美观性与灵活性。
Description
技术领域
本公开涉及图像显示技术领域,尤其涉及一种图片显示方法、图片显示装置、电子设备以及计算机可读存储介质。
背景技术
在电脑、电子画屏等具备显示屏的电子设备上,经常需要全屏显示图片,例如全屏播放、图片展示、屏幕保护等场景下。然而图片与显示屏的尺寸或比例不匹配的情况也常常出现,目前常用的方法是将图片进行一定的拉伸,使其自适应屏幕的尺寸,但是这样会破坏图片原有的比例,导致图片中物体的失真以及视觉上的不协调,影响图片的美观性。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开提供了一种图片显示方法、图片显示装置、电子设备以及计算机可读存储介质,进而至少在一定程度上克服现有的图片显示方法美观性较低的问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的一个方面,提供一种图片显示方法,应用于显示设备,所述显示设备呈现一显示区域;所述方法包括:获取待显示的目标图片;检测所述目标图片与所述显示区域的尺寸是否匹配;如果所述目标图片与所述显示区域的尺寸匹配,则在所述显示区域中显示所述目标图片;如果所述目标图片与所述显示区域的尺寸不匹配,则在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像。
在本公开的一种示例性实施例中,所述在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像,包括:在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域显示所述背景图像,以使所述显示区域被所述目标图片与所述背景图像所填满。
在本公开的一种示例性实施例中,所述方法还包括:根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像。
在本公开的一种示例性实施例中,所述图片信息包括所述目标图片的代表颜色;所述方法还包括:统计所述目标图片中所出现的颜色种类和每种颜色的出现频率,并选择其中出现频率最高的至少一种颜色,作为所述目标图片的代表颜色。
在本公开的一种示例性实施例中,所述方法还包括:获取所述显示设备的边框的特征信息;所述根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像,包括:基于所述边框的特征信息与所述图片信息,确定与所述目标图片以及所述边框匹配的背景图像。
在本公开的一种示例性实施例中,所述图片信息包括所述目标图片的代表颜色,所述特征信息包括所述边框的颜色;所述基于所述边框的特征信息与所述图片信息,确定与所述目标图片以及所述边框匹配的背景图像,包括:确定所述边框的颜色与所述代表颜色的中间颜色;基于所述中间颜色确定与所述目标图片以及所述边框匹配的背景图像。
在本公开的一种示例性实施例中,所述代表颜色包括所述目标图片中出现频率最高的m种颜色;所述中间颜色通过以下公式确定: 其中,i为[1,m]内的任意整数,Ci为所述m种颜色中的第i种颜色,fi为Ci在所述目标图片中的出现频率,F为所述边框的颜色,E为所述中间颜色。
在本公开的一种示例性实施例中,所述m种颜色为所述目标图片中出现频率高于预设阈值的颜色。
在本公开的一种示例性实施例中,所述根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像,包括:根据所述目标图片的图片信息,在效果素材库中查找与所述目标图片匹配的背景图像。
在本公开的一种示例性实施例中,所述方法还包括:获取多个样本图片和多个背景素材,所述背景素材包括以下任意一种或多种:纯色填充、渐变色填充、纹理填充或图案填充;对于每个所述样本图片,获取所述样本图片与一个或多个所述背景素材的匹配关系,以构建所述效果素材库。
在本公开的一种示例性实施例中,所述匹配关系包括匹配度;所述获取多个样本图片和多个背景素材,包括:从互联网搜索样本图片和背景素材搭配的样例;所述对于每个所述样本图片,获取所述样本图片与一个或多个所述背景素材的匹配关系,以构建所述效果素材库,包括:通过对所述样例进行分析,得到每个所述样本图片与一个或多个所述背景素材的匹配度,以构建所述效果素材库。
在本公开的一种示例性实施例中,所述根据所述目标图片的图片信息,在效果素材库中查找与所述目标图片匹配的背景图像,包括:在所述效果素材库中查找与所述目标图片相同或相似的样本图片,作为目标样本图片;根据所述效果素材库中与所述目标样本图片匹配的背景素材生成所述背景图像。
在本公开的一种示例性实施例中,所述在所述效果素材库中查找与所述目标图片相同或相似的样本图片,作为目标样本图片,包括:计算所述目标图片与所述效果素材库中每个样本图片的相似度,将与所述目标图片相似度最高的样本图片作为所述目标样本图片。
在本公开的一种示例性实施例中,所述在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像,包括:将所述目标图片与所述背景图像合并为新图像,在所述显示区域中显示所述新图像。
根据本公开的一个方面,提供一种图片显示装置,应用于显示设备,所述显示设备呈现一显示区域,所述装置包括:图片获取模块,用于获取待显示的目标图片;尺寸检测模块,用于检测所述目标图片与所述显示区域的尺寸是否匹配;第一显示模块,用于如果所述目标图片与所述显示区域的尺寸匹配,则在所述显示区域内显示所述目标图片;第二显示模块,用于如果所述目标图片与所述显示区域的尺寸不匹配,则在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像。
在本公开的一种示例性实施例中,所述第二显示模块用于在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域显示所述背景图像,以使所述显示区域被所述目标图片与所述背景图像所填满。
在本公开的一种示例性实施例中,所述装置还包括:背景确定模块,用于根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像。
在本公开的一种示例性实施例中,所述图片信息包括所述目标图片的代表颜色;所述图片获取模块还包括:图片信息获取单元,用于统计所述目标图片中所出现的颜色种类和每种颜色的出现频率,并选择其中出现频率最高的至少一种颜色,作为所述目标图片的代表颜色。
在本公开的一种示例性实施例中,所述图片获取模块还包括:边框信息获取单元,用于获取所述显示设备的边框的特征信息;所述背景确定模块用于基于所述边框的特征信息与所述图片信息,确定与所述目标图片以及所述边框匹配的背景图像。
在本公开的一种示例性实施例中,所述图片信息包括所述目标图片的代表颜色,所述特征信息包括所述边框的颜色;所述背景确定模块包括:中间颜色确定单元,用于确定所述边框的颜色与所述代表颜色的中间颜色;背景图像确定单元,用于基于所述中间颜色确定与所述目标图片以及所述边框匹配的背景图像。
在本公开的一种示例性实施例中,所述代表颜色包括所述目标图片中出现频率最高的m种颜色;所述中间颜色通过以下公式确定: 其中,i为[1,m]内的任意整数,Ci为所述m种颜色中的第i种颜色,fi为Ci在所述目标图片中的出现频率,F为所述边框的颜色,E为所述中间颜色。
在本公开的一种示例性实施例中,所述m种颜色为所述目标图片中出现频率高于预设阈值的颜色。
在本公开的一种示例性实施例中,所述背景确定模块,还用于根据所述目标图片的图片信息,在效果素材库中查找与所述目标图片匹配的背景图像。
在本公开的一种示例性实施例中,所述装置还包括素材库构建模块,所述素材库构建模块又包括:样本获取单元,用于获取多个样本图片和多个背景素材,所述背景素材包括以下任意一种或多种:纯色填充、渐变色填充、纹理填充或图案填充;匹配确定单元,用于对于每个所述样本图片,获取所述样本图片与一个或多个所述背景素材的匹配关系,以构建所述效果素材库。
在本公开的一种示例性实施例中,所述匹配关系包括匹配度;所述样本获取单元,用于从互联网搜索样本图片和背景素材搭配的样例;所述匹配确定单元,用于通过对所述样例进行分析,得到每个所述样本图片与一个或多个所述背景素材的匹配度,以构建所述效果素材库。
在本公开的一种示例性实施例中,所述背景确定模块包括:目标样本查找单元,用于在所述效果素材库中查找与所述目标图片相同或相似的样本图片,作为目标样本图片;背景图像生成单元,用于根据所述效果素材库中与所述目标样本图片匹配的背景素材生成所述背景图像。
在本公开的一种示例性实施例中,所述目标样本查找单元,用于计算所述目标图片与所述效果素材库中每个样本图片的相似度,将与所述目标图片相似度最高的样本图片作为所述目标样本图片。
在本公开的一种示例性实施例中,所述第二显示模块,还用于将所述目标图片与所述背景图像合并为新图像,在所述显示区域中显示所述新图像。
根据本公开的一个方面,提供一种电子设备,包括:处理器;存储器,用于存储所述处理器的可执行指令;以及显示器,用于呈现一显示区域;其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的图片显示方法,在所述显示区域内显示所述可执行指令的执行结果。
在本公开的一种示例性实施例中,还包括:图像传感器,用于获取所述显示器的边框的特征信息。
根据本公开的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述的图片显示方法。
本公开的示例性实施例具有以下有益效果:
在目标图片与显示区域尺寸不匹配时,在目标图片周围的未填充区域添加背景图像的显示,以呈现图片全屏显示的效果,在视觉上具有较强的整体感与和谐感,提高了图片显示的美观性。此外,如果目标图片与显示区域的尺寸匹配则不添加背景图像,从而对不同尺寸的图片采取不同的显示方法,具有较高的灵活性。
在本公开的一种示例性实施例中,根据目标图片的图片信息确定与其匹配的背景图像,可以为不同的图片确定不同的背景图像,从而提高了图片显示的多样性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出相关技术中全屏显示图片的示意图;
图2示出本示例性实施例中一种图片显示方法的流程步骤图;
图3示出本示例性实施例中一种图片显示效果的示意图;
图4示出本示例性实施例中另一种图片显示方法的流程步骤图;
图5示出色相环示意图;
图6示出本示例性实施例中一种图片显示方法的流程示意图;
图7示出本示例性实施例中另一种图片显示方法的流程示意图;
图8示出本示例性实施例中另一种图片显示效果的示意图;
图9示出本示例性实施例中一种图片显示装置的结构框图;
图10示出本示例性实施例中一种用于实现上述方法的电子设备;
图11示出本示例性实施例中另一种用于实现上述方法的电子设备
图12示出本示例性实施例中一种用于实现上述方法的计算机可读存储介质。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。
相关技术的一种方案中,如图1所示,在根据显示屏100的尺寸自适应调节图片110大小时,保留图片110原有的比例,如果图片110比例与显示屏100比例不同,则在图片110***留出一定的“黑边”120(或“白边”)。这样虽然能够保证图片比例不被破坏,但是图片并非真正完整的全屏显示,“黑边”的存在会影响图片整体的观感,其美观性仍然较低。
鉴于前述的各种问题,本公开的示例性实施例首先提供了一种图片显示方法,可以应用于显示设备,该显示设备呈现一显示区域。本示例性实施例中,显示设备是指具备显示屏的电子设备,例如电脑、手机、智能电视、电子相框、电子画屏等,显示屏中包括显示区域,是指可用于呈现图形用户界面的全部区域。如图2所示,该方法可以包括以下步骤:
步骤S210,获取待显示的目标图片;
步骤S220,检测目标图片与显示区域的尺寸是否匹配;
步骤S230,如果目标图片与显示区域的尺寸匹配,则在显示区域中显示目标图片;
步骤S240,如果目标图片与显示区域的尺寸不匹配,则在显示区域中显示目标图片,并在目标图片周围未填充区域的至少一个子区域内显示背景图像。
其中,目标图片可以是用户指定的本地图片、从网络上下载的图片或者从其他电子设备上同步(通过有线或无线连接方式传输)得到的图片,本公开对此不做限定。目标图片与显示区域的尺寸匹配是指目标图片可以全屏(或接近于全屏)显示于显示区域中,本示例性实施例中,可以逐步缩放目标图片的大小,直到:目标图片放大到最大尺寸(再放大则可能出现图片模糊的情况),此时如果目标图片与显示区域的重合度低于预设值(例如可以是95%等),则二者尺寸不匹配;或者目标图片的长或宽与显示区域相等,此时如果目标图片与显示区域的重合度低于预设值,则二者尺寸不匹配。当然也可以基于目标图片的原始尺寸或像素信息计算其与显示区域是否匹配。
如果二者尺寸匹配,则可以全屏显示目标图片,当然如果上述检测匹配时采用95%等预设值作为标准,则显示目标图片后,显示区域内可能剩余5%的未填充区域,其对美观度的影响较小,可以忽略。
如果二者尺寸不匹配,则正常显示目标图片,此时在目标图片的周围还剩余较多的未填充区域。通常为了美观,将目标图片显示于显示区域的正中央,未填充区域可能位于目标图片的四周,也可能位于上下两侧或左右两侧等,当然也可以将目标图片显示于显示区域的一侧,则未填充区域位于另一侧,本公开对此不做限定。未填充区域内可以显示背景图像,背景图像可以是纯色填充、渐变色填充、纹理填充或图案填充等,也可以是多种填充结合的效果,例如渐变色加纹理填充、渐变色加图案填充等。本示例性实施例中,可以在全部的未填充区域内显示背景图像,以使显示区域被目标图片与背景图像所填满,实现完全的全屏显示,也可以在未填充区域的至少一个子区域内显示背景图像,例如背景图像仅位于目标图片的一侧,或者背景图像周围还剩余一定的未填充区域等,从而可以满足特定的显示需要,例如显示区域的边框具有特定造型,配合背景图像以及一部分未填充区域可以呈现特别的效果,或者背景图像具有特定图案,不适合完全填充到未填充区域内等。
在一示例性实施例中,还可以将目标图片与背景图像合并为新图像,在显示区域中显示该新图像,可以直接拼接目标图片与背景图像得到新图像,也可以对二者的边界做一些淡化或虚化处理等,以新图像的方式处理目标图片与背景图像,可以增加整体感,也便于将新图像存储到本地,以供后续使用。
图3示出了在显示区域300内显示目标图片310与背景图像320的显示效果,根据显示区域300的尺寸可以调整目标图片310到任意尺寸,也可以保持目标图片310的原始尺寸,目标图片310周围的未填充区域即可显示背景图像320,二者共同形成了全屏显示的效果。
在一示例性实施例中,图片显示方法的流程可以如图4所示,其中,在检测目标图片与显示区域的尺寸不匹配后,可以执行步骤S231:根据目标图片的图片信息,确定与目标图片匹配的背景图像。目标图片的图片信息可以指图片风格、颜色分布、颜色组成、色调搭配等多个方面的特征信息,本示例实施方式中,可以根据其中一个或多个方面的图片信息确定背景图像。背景图像与目标图片匹配具体是指背景图像与目标图片在视觉上呈现较强的整体感与和谐感,例如:根据目标图片边缘的颜色分布确定纯色或渐变色填充的背景图像,使得背景图像与目标图片的边缘具有一定的连续性;或者根据目标图片的风格确定与其风格一致或相近的背景图像,使得背景图像在视觉上呈现出目标图片的延伸感;或者根据目标图片的主色调提供多个与其色调匹配的背景图像作为备选,使用户可以从中选择一个作为最终的背景图像。对于不同的目标图片,由于其图片信息不同,可以匹配得到不同的背景图像。在确定背景图像后,可以执行步骤S240,将其与目标图片共同显示于显示区域内。
基于上述说明,本示例实施方式在目标图片与显示区域尺寸不匹配时,在目标图片周围的未填充区域添加背景图像的显示,以呈现图片全屏显示的效果,在视觉上具有较强的整体感与和谐感,提高了图片显示的美观性。此外,如果目标图片与显示区域的尺寸匹配则不添加背景图像,从而对不同尺寸的图片采取不同的显示方法,具有较高的灵活性。在本公开的一种示例性实施例中,根据目标图片的图片信息确定与其匹配的背景图像,可以为不同的图片确定不同的背景图像,从而提高了图片显示的多样性。
上述图片信息可以包括目标图片的代表颜色,代表颜色可以是目标图片的背景颜色或主色调的代表颜色等,能够概括性表示目标图片的主要颜色。在一示例性实施例中,代表颜色也可以是目标图片中出现频率最高的颜色,其可以通过以下步骤确定:
统计目标图片中所出现的颜色种类和每种颜色的出现频率,并选择其中出现频率最高的至少一种颜色,作为目标图片的代表颜色。
下面通过几种具体实施方式做进一步说明,但下述内容不应对本公开的保护范围造成限定:
(1)利用频度序列法,先扫描目标图片,确定每个像素点的颜色数值,例如可以是RGB颜色值或HSL颜色值,统计图片中所出现的颜色种类和每种颜色的出现次数,其中出现次数最多的颜色,即出现频率最高的颜色,为目标图片的代表颜色。
(2)同样利用频度序列法统计目标图片中所出现的颜色种类和每种颜色的出现次数,挑选其中出现频率最高、且属于同一色相的若干种颜色,作为代表颜色,或者取其平均值(或加权平均值)得到代表颜色,或者以该色相的主色为代表颜色。
(3)从目标图片中裁掉中间一定的区域,剩余部分为目标图片的边缘区域,对边缘区域执行上述(1)或(2)的方法。
(4)将目标图片分割成若干个子区域,例如可以根据经验分割为8*8、16*16、4*3或16*9个子区域。统计目标图片的各种颜色在各子区域中出现的频率,该频率是指在全部子区域中有多少个子区域出现了某个颜色,例如若将目标图片分割为16*9=144个子区域,其中有102个子区域内都出现了品红色(R255,G0,B255),则品红色出现的频率为102/144=70.8%。按照该方法,频率最高的颜色为目标图片的代表颜色。
基于上述代表颜色,可以以该代表颜色纯色填充的图像作为目标图片的背景图像,也可以以该代表颜色同色系的渐变色填充、或相同色调的图案填充等作为背景图像。
进一步的,如果选择目标图片中出现频率最高的m种颜色作为代表颜色,则步骤S231可以具体通过以下步骤实现:
基于上述m种颜色,通过以下公式(1)确定与目标图片匹配的背景颜色D;
根据背景颜色D生成与目标图片匹配的背景图像;
其中,m可以是任意自然数,i为[1,m]内的任意整数,Ci为上述m种颜色中的第i种颜色,fi为Ci在目标图片中的出现频率。公式(1)可看作是将m种颜色的出现频率作为其权重,对m种颜色进行加权平均,得到一个平均色,即背景颜色D,其是对目标图片颜色特征的高度概括。背景图像可以是以背景颜色D的纯色填充、D同色系的渐变色填充、D同色调的图案填充等,本公开对此不做限定。
需要说明的是,如果目标图片为RGB模式,则可以将其中的颜色表示为RGB分量,对每个分量通过公式(1)计算出背景颜色D的RGB分量;HSL模式下可以对HSL分量分别计算,灰度模式下可以对灰度值进行上述计算。此外,m可以是预先确定的数值,例如确定选择目标图片中出现频率最高的5种或10种颜色为代表颜色,也可以确定关于颜色出现频率的预设阈值,将目标图片中出现频率高于该预设阈值的所有颜色作为代表颜色,则m的数值是不确定的,例如,将出现频率高于10%的所有颜色作为代表颜色,如果有3种颜色符合要求,则m为3,本公开对于预设阈值不做特别限定。
在一示例性实施例中,还可以获取显示设备的边框的特征信息,并基于该边框的特征信息与目标图片的图片信息,共同确定与目标图片以及边框匹配的背景图像。
其中,边框是指显示设备的实体边框,其颜色或纹理等通常与设备的壳体颜色相同,当然也有例外的情况,边框的特征信息可以包括边框的颜色、纹理、图案、形状等各方面信息,本公开对此不做限定。本示例实施方式中,可以通过外置摄像头拍摄边框区域的图像,识别图像中的边框特征,外置摄像头也可以由另一具备拍摄功能的电子设备代替,例如通过手机拍摄电子相框的边框图像,再通过蓝牙、USB、无线网络等方式将图像传输至电子相框,使其识别出边框的特征。如果边框为普通的纯色边框,其特征信息主要包括颜色,还可以由用户预先选定而确定该颜色,例如可以提供调色板,使用户在其中框选出颜色,通过全屏预览(全屏显示用户框选的颜色)或边缘预览(在靠近边框的边缘区域显示用户框选的颜色)的方式使用户可以直观的判断该颜色与边框颜色是否一致,从而能够准确的选定边框颜色,为默认的边框颜色,后续如果更换其他颜色的显示设备或者边框,可以重新选定边框颜色。
在获取边框的特征信息与目标图片的图片信息后,可以根据两方面的信息共同确定背景图像,由于背景图像位于目标图片与边框之间,这样可以得到更加美观的显示效果。本示例性实施例中,可以生成从目标图片到边框的过渡效果,例如由目标图片的代表颜色到边框颜色的渐变色填充,或者考虑到边框与目标图片未处于同一平面上,可以呈现具有立体透视图效果的背景图像,使目标图片与边框的衔接更自然。
进一步的,在一示例性实施例中,目标图片的图片信息主要指目标图片的代表颜色,边框的特征信息主要指边框的颜色,则可以确定边框的颜色与代表颜色的中间颜色,并基于该中间颜色确定与目标图片匹配的背景图像。
其中,中间颜色是指介于边框的颜色与目标图片的代表颜色之间的颜色,可以是一个颜色,也可以是一组颜色。在全屏显示图片时,从显示屏的中间到边缘,依次为目标图片、背景图像、边框,为了表现出整体感,可以使背景图像起到从目标图片到边框的过渡作用,因此可以基于中间颜色确定背景图像。举例说明:如果边框颜色与代表颜色属于同一色相,中间颜色可以是上述两颜色之间的一组渐变色,背景图像可以是渐变色填充;如果边框颜色与代表颜色属于不同色相,可以以两颜色的均值得到中间颜色,背景图像可以是以中间颜色为主色,加入边框颜色与代表颜色(或两颜色的近似色)图案的效果;实际应用中,在确定中间颜色后,可以以中间颜色为主色,加入任意的图案形成背景图像。
本公开提供了下面几种计算中间颜色的示例性实施例,但下述内容不应对本公开的保护范围造成限定:
(1)采用RGB颜色模式,如果代表颜色为(R1,G1,B1),边框颜色为(R2,G2,B2),则可以通过公式(2)(包括下面3个公式)计算中间颜色为(R3,G3,B3):
其中,a、b、c均为大于0的常数,且a+b+c=1。公式(2)的计算过程可以表述为:先分别对代表颜色与边框颜色的R、G、B分量求平均,再对R、G、B按照不同的比例混合得到中间颜色,a、b、c的值即混合比例,可以根据经验确定,也可以按照不同的色相与实际需求进行调整,例如代表颜色与边框颜色都属于绿色色相,则可以适当增大b的数值。如图5的12色相环所示,通常颜色搭配以不超过三种为宜,即不超过三种色相的范围,因为在确定背景图像时,可以采用同色相、同明度、同饱和度的搭配,保证目标图片、背景图像与边框表现出较为统一的外观色,例如红+橙红+橙,蓝绿+蓝+蓝紫等,采用上述方法确定中间颜色可以实现该目的。
(2)如果代表颜色为(R1,G1,B1),边框颜色为(R2,G2,B2),则可以通过公式(3)(包括下面3个公式)计算中间颜色为(R3,G3,B3):
R3=p·R1+q·R2;
G3=p·G1+q·G2;
B3=p·B1+q·B2; (3)
其中,p、q均未大于0的常数,且p+q=1。即可以通过代表颜色与边框颜色的加权平均得到中间颜色,p与q分别为代表颜色与边框颜色的权重值,通常为了强调背景图像更多地与目标图片匹配,p可以大于0.5,当然也可以根据实际情况进行调整,例如代表颜色属于深色系、边框颜色属于浅色系时,可以适当减小p的数值,或者代表颜色在目标图片中的占比较低,也可以适当减小p的数值。
(3)如果选择目标图片中出现频率最高的m种颜色作为代表颜色,记为C1~Cm,边框颜色为F,则可以通过公式(4)计算中间颜色E:
换而言之,将目标图片的m种代表颜色与边框颜色F分别求平均,得到m个平均色,再以m种颜色在目标图片中的出现频率f作为权重,对m个平均色进行加权平均,得到中间颜色E。这样的计算方式可以充分考虑到目标图片的颜色分布特征以及边框颜色的影响,得到匹配程度较高的背景图像。
在一示例性实施例中,图片显示方法的流程可以如图6所示:步骤S610,获取目标图片;步骤S620,检测目标图片与显示区域的尺寸是否匹配;步骤S630,如果匹配,则可以正常的全屏显示目标图片,使其恰好充满整个显示区域;步骤S640,如果不匹配,则提取目标图片的代表颜色;步骤S650,同时检测显示设备的边框颜色;步骤S660,根据代表颜色与边框颜色确定中间颜色;步骤S670,再基于中间颜色确定背景图像,背景图像与目标图片及边框是匹配的;步骤S680,将目标图片与背景图像组合显示于显示区域内,从而实现了图片的全屏显示。
本公开还提供了另一种关于如何确定背景图像的示例性实施例,具体地,步骤S231可以通过以下步骤实现:
根据目标图片的图片信息,在效果素材库中查找与目标图片匹配的背景图像。
其中,效果素材库是预先构建的一个集合了大量图片与素材之间搭配关系的数据库,例如颜色与颜色之间的搭配、颜色与图案或图片之间的搭配、图片与图案之间的搭配等等。从目标图片中提取图片信息,如代表颜色、边缘颜色等,可以在效果素材库中查找与其匹配的背景图像素材,从而得到背景图像。
在一示例性实施例中,图片显示方法还可以包括以下构建效果素材库的步骤:
获取多个样本图片和多个背景素材,背景素材包括以下任意一种或多种:纯色填充、渐变色填充、纹理填充或图案填充;
对于每个样本图片,获取该样本图片与一个或多个背景素材的匹配关系,以构建上述效果素材库。
其中,样本图片是预先收集的大量具有代表性的图片,例如可以包括典型的纯色图片,各种物体的静态图片,水墨画、油画、风景照片、人物肖像等各种风格的典型图片等;当然,根据应用场景的不同,可以缩小样本图片的覆盖范围,例如将本示例性实施例应用于人物自拍照的展示时,可以针对性地收集人物自拍主题的代表性图片,以构建小型的效果素材库。样本图片可以从互联网上搜索得到,也可以从本地或其他数据库中获得,本公开对此不做限定。
类似的,构建效果素材库所需的背景素材也可以从互联网、本地或其他数据库中获取,还可以基于一定的机制生成背景素材,例如从一个种子素材中通过改变颜色、改变纹理、改变图案等生成一系列素材。
本示例性实施例中,可以利用单色搭配法、近似色搭配法等,从背景素材中提取单色,通过改变单色的色相、饱和度、明度形成一系列颜色,在该背景素材与这些颜色之间建立匹配关系,或者通过搜集颜色搭配关系以建立匹配关系,再将颜色映射到样本图片,从而得到样本图片与背景素材的匹配关系,或者通过用户的人工评分建立样本图片与背景素材的匹配关系,匹配关系可以包括是否匹配或者匹配程度的定量表示。依据上述方法可以构建效果素材库,以便于后续查找合适的背景图像。
在一示例性实施例中,构建效果素材库的步骤可以包括:
从互联网搜索样本图片和背景素材搭配的样例;
通过对上述样例进行分析,得到每个样本图片与一个或多个背景素材的匹配度,以构建效果素材库。
其中,样本图片和背景素材搭配的样例可以包括带边缘效果的图片(边缘效果作为背景素材),带图片镶嵌的海报(海报背景作为背景素材),带图片镶嵌的服装设计(服装底色作为背景素材)等,可以通过爬虫工具从互联网上爬取相关样例信息。在获取样例后,将其中的图片与背景拆分,图片作为样本图片,背景作为背景素材,再基于每个样例的热度、用户好评度、搜索频度等数据,综合分析得到样本图片与背景素材的匹配度,从而构建效果素材库。
基于样本图片而构建的效果素材库,在实际应用中,可以通过以下步骤确定背景图像:
在效果素材库中查找与目标图片相同或相似的样本图片,作为目标样本图片;
根据效果素材库中与目标样本图片匹配的背景素材生成背景图像。
其中,可以计算目标图片与效果素材库中每个样本图片的相似度,例如SSIM(Structural Similarity Index,结构相似性)、余弦相似度等,将与目标图片相似度最高的样本图片作为目标样本图片,也可以对样本图片进行多个维度的分类,例如图片风格、代表颜色、主色调等,如果样本图像与目标图片的所有维度信息都相同,或相同的维度数最多,则为目标样本图片。在效果素材库中,查找目标样本图片匹配的背景素材,基于该素材可以进行适当的裁剪、美化、颜色调整等,可以得到背景图像,如果目标样本图片匹配多个背景素材,则可以选择其中匹配度最高的一个,生成背景图像。
在一示例性实施例中,图片显示方法的整体流程可以如图7所示:步骤S710,获取目标图片;步骤S720,检测目标图片与显示区域的尺寸是否匹配;步骤S730,如果匹配,则可以正常的全屏显示目标图片,使其恰好充满整个屏幕;步骤S740,如果不匹配,则提取目标图片的图片信息;步骤S750,将目标图片的图片信息输入效果素材库中,然后通过步骤S760或步骤S770确定背景图像;步骤S760,自动查找效果素材库与目标图片匹配的背景图像;步骤S770,用户手动选择合适的背景图像;步骤S780,在确定背景图像后,可以将目标图片与背景图像组合显示于显示区域内。
在一示例性实施例中,背景图像可以是模拟画卷展开的效果;相应的,步骤S231可以通过以下步骤实现:
根据目标图片的图片信息确定与目标图片匹配的边缘填充效果;
以边缘填充效果为画卷背景,得到模拟画卷展开的效果。
其中,模拟画卷展开的效果可以如图8中的背景图像820所示,左右两侧为画卷的效果,加上内部的画布填充效果,其与目标图片810共同形成了一幅画卷的视觉感,能够进一步提高美观性。本示例性实施例中,可以根据目标图片的图片信息确定背景填充效果,例如以匹配目标图片的颜色作为主色,添加一定的纹理,形成纸张、画布的填充效果,将其作为画卷背景,两侧添加画卷卷曲的图形,形成最终的背景图像,即模拟画卷展开的效果。当然,也可以在背景图像中增加一些镶嵌、点缀、文字等元素,以得到多样的效果,本公开对此不做特别限定。
在一示例性实施例中,在确定上述背景填充效果时,还可以参考显示设备的边框的颜色,例如在图8中,可以根据显示区域800的边框830的颜色以及目标图片810的图片信息,共同确定背景填充效果(可以参考公式(2)~(4)部分的方法)。
画卷模拟的效果仅是背景图像的一种示例,还可以采用例如模拟书本打开的效果、模拟画板的效果等等。
本公开的示例性实施例还提供了一种图片显示装置,可以应用于显示设备,显示设备呈现一显示区域。如图9所示,该装置900可以包括:图片获取模块910,用于获取待显示的目标图片;尺寸检测模块920,用于检测目标图片与显示区域的尺寸是否匹配;第一显示模块930,用于如果目标图片与显示区域的尺寸匹配,则在显示区域内显示目标图片;第二显示模块940,用于如果目标图片与显示区域的尺寸不匹配,则在显示区域中显示目标图片,并在目标图片周围未填充区域的至少一个子区域内显示背景图像。
在一示例性实施例中,第二显示模块940可以用于在显示区域中显示目标图片,并在目标图片周围未填充区域显示背景图像,以使显示区域被目标图片与背景图像所填满。
在一示例性实施例中,图片显示装置900还可以包括:背景确定模块,用于根据目标图片的图片信息,确定与目标图片匹配的背景图像。
在一示例性实施例中,上述图片信息可以包括目标图片的代表颜色;图片获取模块910还可以包括:图片信息获取单元,用于统计目标图片中所出现的颜色种类和每种颜色的出现频率,并选择其中出现频率最高的至少一种颜色,作为目标图片的代表颜色。
在一示例性实施例中,图片获取模块910还可以包括:边框信息获取单元,用于获取显示设备的边框的特征信息;背景确定模块可以用于基于边框的特征信息与图片信息,确定与目标图片以及边框匹配的背景图像。
在一示例性实施例中,上述图片信息可以包括目标图片的代表颜色,上述特征信息可以包括边框的颜色;背景确定模块可以包括:中间颜色确定单元,用于确定边框的颜色与代表颜色的中间颜色;背景图像确定单元,用于基于中间颜色确定与目标图片以及边框匹配的背景图像。
在一示例性实施例中,上述代表颜色可以包括目标图片中出现频率最高的m种颜色;上述中间颜色可以通过以下公式确定:其中,i为[1,m]内的任意整数,Ci为m种颜色中的第i种颜色,fi为Ci在目标图片中的出现频率,F为边框的颜色,E为中间颜色。
在一示例性实施例中,上述m种颜色为目标图片中出现频率高于预设阈值的颜色。
在一示例性实施例中,背景确定模块还可以用于根据目标图片的图片信息,在效果素材库中查找与目标图片匹配的背景图像。
在一示例性实施例中,图片显示装置900还可以包括素材库构建模块,素材库构建模块又可以包括:样本获取单元,用于获取多个样本图片和多个背景素材,背景素材包括以下任意一种或多种:纯色填充、渐变色填充、纹理填充或图案填充;匹配确定单元,用于对于每个样本图片,获取样本图片与一个或多个背景素材的匹配关系,以构建效果素材库。
在一示例性实施例中,上述匹配关系可以包括匹配度;样本获取单元可以用于从互联网搜索样本图片和背景素材搭配的样例;匹配确定单元可以用于通过对样例进行分析,得到每个样本图片与一个或多个背景素材的匹配度,以构建效果素材库。
在一示例性实施例中,背景确定模块可以包括:目标样本查找单元,用于在效果素材库中查找与目标图片相同或相似的样本图片,作为目标样本图片;背景图像生成单元,用于根据效果素材库中与目标样本图片匹配的背景素材生成背景图像。
在一示例性实施例中,目标样本查找单元可以用于计算目标图片与效果素材库中每个样本图片的相似度,将与目标图片相似度最高的样本图片作为目标样本图片。
在一示例性实施例中,第二显示模块940还可以用于将目标图片与背景图像合并为新图像,在显示区域中显示新图像。
上述装置中各模块/单元的具体细节已经在对应的方法部分实施例中进行了详细的描述,因此不再赘述。
本公开的示例性实施例还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解,本公开的各个方面可以实现为***、方法或程序产品。因此,本公开的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“***”。
下面参照图10来描述根据本公开的这种示例性实施例的电子设备1000。图10显示的电子设备1000仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示,电子设备1000可以包括:处理器1010、存储器1020与显示器1030,其中,存储器1020用于存储处理器1010的可执行指令,显示器1030用于呈现一显示区域,处理器1010配置为经由执行该可执行指令来执行本示例实施方式中的任意方法,例如可以执行图2、图3、图6或图7所示的方法步骤,并在显示区域内显示指令执行结果。该电子设备1000可以是电脑、手机、平板电脑、智能电视、电子相框或电子画屏等等。
在一示例性实施例中,电子设备还可以包括图像传感器,用于获取显示器的边框的特征信息,边框的特征信息用于与目标图片的图片信息共同确定背景图像。图像传感器可以是外接的摄像头,例如电子设备为电子画屏时,可以在其对面的墙壁上设置外接的摄像头,以拍摄电子画屏的边框,得到特征信息。
在一示例性实施例中,如图11所示,电子设备1100可以以通用计算设备的形式表现,其组件可以包括但不限于:至少一个处理单元1110、至少一个存储单元1120、连接不同***组件(包括存储单元1120和处理单元1110)的总线1130、显示单元1140。
其中,存储单元存储有程序代码,程序代码可以被处理单元1110执行,使得处理单元1110执行本说明书上述“示例性方法”部分中描述的根据本公开各示例实施方式的步骤。
存储单元1120可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)1121和/或高速缓存存储单元1122,还可以进一步包括只读存储单元(ROM)1123。
存储单元1120还可以包括具有一组(至少一个)程序模块1125的程序/实用工具1124,这样的程序模块1125包括但不限于:操作***、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线1130可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、***总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备1100也可以与一个或多个外部设备1300(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备1100交互的设备通信,和/或与使得该电子设备1100能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1150进行。并且,电子设备1100还可以通过网络适配器1160与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器1160通过总线1130与电子设备1100的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备1100使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID***、磁带驱动器以及数据备份存储***等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开示例性实施例的方法。
本公开的示例性实施例还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本公开的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在终端设备上运行时,程序代码用于使终端设备执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。
参考图12所示,描述了根据本公开的示例性实施例的用于实现上述方法的程序产品1200,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本公开的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。
程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外,上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的示例性实施例,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。
Claims (19)
1.一种图片显示方法,应用于显示设备,其特征在于,所述显示设备呈现一显示区域;所述方法包括:
获取待显示的目标图片;
检测所述目标图片与所述显示区域的尺寸是否匹配;
如果所述目标图片与所述显示区域的尺寸匹配,则在所述显示区域中显示所述目标图片;
如果所述目标图片与所述显示区域的尺寸不匹配,则在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像。
2.根据权利要求1所述的方法,其特征在于,所述在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像,包括:
在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域显示所述背景图像,以使所述显示区域被所述目标图片与所述背景图像所填满。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像。
4.根据权利要求3所述的方法,其特征在于,所述图片信息包括所述目标图片的代表颜色;所述方法还包括:
统计所述目标图片中所出现的颜色种类和每种颜色的出现频率,并选择其中出现频率最高的至少一种颜色,作为所述目标图片的代表颜色。
5.根据权利要求4所述的方法,如果选择所述目标图片中出现频率最高的m种颜色作为所述代表颜色,则所述根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像,包括:
基于所述m种颜色确定与所述目标图片匹配的背景颜色根据背景颜色D生成与所述目标图片匹配的背景图像;
其中,i为[1,m]内的任意整数,Ci为所述m种颜色中的第i种颜色,fi为Ci在所述目标图片中的出现频率。
6.根据权利要求3所述的方法,其特征在于,所述方法还包括:
获取所述显示设备的边框的特征信息;
所述根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像,包括:
基于所述边框的特征信息与所述图片信息,确定与所述目标图片以及所述边框匹配的背景图像。
7.根据权利要求6所述的方法,其特征在于,所述图片信息包括所述目标图片的代表颜色,所述特征信息包括所述边框的颜色;
所述基于所述边框的特征信息与所述图片信息,确定与所述目标图片以及所述边框匹配的背景图像,包括:
确定所述边框的颜色与所述代表颜色的中间颜色;
基于所述中间颜色确定与所述目标图片以及所述边框匹配的背景图像。
8.根据权利要求7所述的方法,其特征在于,所述代表颜色包括所述目标图片中出现频率最高的m种颜色;所述中间颜色通过以下公式确定:
其中,i为[1,m]内的任意整数,Ci为所述m种颜色中的第i种颜色,fi为Ci在所述目标图片中的出现频率,F为所述边框的颜色,E为所述中间颜色。
9.根据权利要求5或8所述的方法,其特征在于,所述m种颜色为所述目标图片中出现频率高于预设阈值的颜色。
10.根据权利要求3所述的方法,其特征在于,所述根据所述目标图片的图片信息,确定与所述目标图片匹配的背景图像,包括:
根据所述目标图片的图片信息,在效果素材库中查找与所述目标图片匹配的背景图像。
11.根据权利要求10所述的方法,其特征在于,所述方法还包括:
获取多个样本图片和多个背景素材,所述背景素材包括以下任意一种或多种:纯色填充、渐变色填充、纹理填充或图案填充;
对于每个所述样本图片,获取所述样本图片与一个或多个所述背景素材的匹配关系,以构建所述效果素材库。
12.根据权利要求11所述的方法,其特征在于,所述匹配关系包括匹配度;所述获取多个样本图片和多个背景素材,包括:
从互联网搜索样本图片和背景素材搭配的样例;
所述对于每个所述样本图片,获取所述样本图片与一个或多个所述背景素材的匹配关系,以构建所述效果素材库,包括:
通过对所述样例进行分析,得到每个所述样本图片与一个或多个所述背景素材的匹配度,以构建所述效果素材库。
13.根据权利要求11所述的方法,其特征在于,所述根据所述目标图片的图片信息,在效果素材库中查找与所述目标图片匹配的背景图像,包括:
在所述效果素材库中查找与所述目标图片相同或相似的样本图片,作为目标样本图片;
根据所述效果素材库中与所述目标样本图片匹配的背景素材生成所述背景图像。
14.根据权利要求13所述的方法,其特征在于,所述在所述效果素材库中查找与所述目标图片相同或相似的样本图片,作为目标样本图片,包括:
计算所述目标图片与所述效果素材库中每个样本图片的相似度,将与所述目标图片相似度最高的样本图片作为所述目标样本图片。
15.根据权利要求1所述的方法,其特征在于,所述在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像,包括:
将所述目标图片与所述背景图像合并为新图像,在所述显示区域中显示所述新图像。
16.一种图片显示装置,应用于显示设备,其特征在于,所述显示设备呈现一显示区域;所述装置包括:
图片获取模块,用于获取待显示的目标图片;
尺寸检测模块,用于检测所述目标图片与所述显示区域的尺寸是否匹配;
第一显示模块,用于如果所述目标图片与所述显示区域的尺寸匹配,则在所述显示区域内显示所述目标图片;
第二显示模块,用于如果所述目标图片与所述显示区域的尺寸不匹配,则在所述显示区域中显示所述目标图片,并在所述目标图片周围未填充区域的至少一个子区域内显示背景图像。
17.一种电子设备,其特征在于,包括:
处理器;
存储器,用于存储所述处理器的可执行指令;以及
显示器,用于呈现一显示区域;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-15任一项所述的方法,在所述显示区域内显示所述可执行指令的执行结果。
18.根据权利要求17所述的电子设备,其特征在于,还包括:
图像传感器,用于获取所述显示器的边框的特征信息。
19.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-15任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910325380.9A CN110060203A (zh) | 2019-04-22 | 2019-04-22 | 图片显示方法、图片显示装置、电子设备及存储介质 |
PCT/CN2020/075654 WO2020215861A1 (zh) | 2019-04-22 | 2020-02-18 | 图片显示方法、图片显示装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910325380.9A CN110060203A (zh) | 2019-04-22 | 2019-04-22 | 图片显示方法、图片显示装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110060203A true CN110060203A (zh) | 2019-07-26 |
Family
ID=67320021
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910325380.9A Pending CN110060203A (zh) | 2019-04-22 | 2019-04-22 | 图片显示方法、图片显示装置、电子设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN110060203A (zh) |
WO (1) | WO2020215861A1 (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111047653A (zh) * | 2019-11-11 | 2020-04-21 | 北京奇艺世纪科技有限公司 | 一种主色调确定方法、装置、设备及可读介质 |
CN111460929A (zh) * | 2020-03-17 | 2020-07-28 | 稿定(厦门)科技有限公司 | 不特定图框图像填充方法及装置 |
CN111526407A (zh) * | 2020-04-03 | 2020-08-11 | 华为技术有限公司 | 屏幕内容的显示方法及装置 |
WO2020215861A1 (zh) * | 2019-04-22 | 2020-10-29 | 京东方科技集团股份有限公司 | 图片显示方法、图片显示装置、电子设备及存储介质 |
CN112529765A (zh) * | 2019-09-02 | 2021-03-19 | 阿里巴巴集团控股有限公司 | 图像处理方法、设备及存储介质 |
CN113660495A (zh) * | 2021-08-11 | 2021-11-16 | 易谷网络科技股份有限公司 | 实时视频流压缩方法、装置、电子设备以及存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113837928A (zh) * | 2021-09-17 | 2021-12-24 | 平安普惠企业管理有限公司 | 对象颜色调整方法、装置、电子设备及存储介质 |
CN114035762B (zh) | 2021-11-10 | 2024-06-11 | Tcl华星光电技术有限公司 | 拼接屏图像显示方法、相关装置及存储介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101221740A (zh) * | 2007-01-08 | 2008-07-16 | 鸿富锦精密工业(深圳)有限公司 | 电子相框 |
CN101369414A (zh) * | 2007-08-14 | 2009-02-18 | 三星Techwin株式会社 | 显示图像的方法以及应用该方法的显示装置 |
CN101521004A (zh) * | 2008-02-29 | 2009-09-02 | 鹏智科技(深圳)有限公司 | 具有图片处理功能的电子装置及其图片处理方法 |
CN102077587A (zh) * | 2008-06-30 | 2011-05-25 | 惠普开发有限公司 | 合成视频流 |
US20120229489A1 (en) * | 2006-09-05 | 2012-09-13 | Apple Inc. | Pillarboxing Correction |
CN103151022A (zh) * | 2013-01-31 | 2013-06-12 | 广东欧珀移动通信有限公司 | 一种根据背景颜色自动改变字体颜色的方法和*** |
CN105719591A (zh) * | 2014-12-18 | 2016-06-29 | 三星电子株式会社 | 显示装置和控制方法 |
CN106294501A (zh) * | 2015-06-09 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页动画效果显示方法和装置 |
CN109254815A (zh) * | 2018-08-21 | 2019-01-22 | 奇酷互联网络科技(深圳)有限公司 | 显示界面的显示方法、移动终端和存储介质 |
CN109491726A (zh) * | 2018-11-16 | 2019-03-19 | 掌阅科技股份有限公司 | 开屏文件的呈现方法、电子设备及计算机存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7765060B1 (en) * | 2006-12-20 | 2010-07-27 | The Boeing Company | System and method for identifying changes on navigation procedure charts |
CN106959964A (zh) * | 2016-01-12 | 2017-07-18 | 阿里巴巴集团控股有限公司 | 界面背景显示方法 |
CN107729099A (zh) * | 2017-09-25 | 2018-02-23 | 联想(北京)有限公司 | 背景调整方法及其*** |
CN109597664A (zh) * | 2018-09-21 | 2019-04-09 | 北京字节跳动网络技术有限公司 | 展示区域的背景配置方法、装置、设备及可读介质 |
CN110060203A (zh) * | 2019-04-22 | 2019-07-26 | 京东方科技集团股份有限公司 | 图片显示方法、图片显示装置、电子设备及存储介质 |
-
2019
- 2019-04-22 CN CN201910325380.9A patent/CN110060203A/zh active Pending
-
2020
- 2020-02-18 WO PCT/CN2020/075654 patent/WO2020215861A1/zh active Application Filing
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120229489A1 (en) * | 2006-09-05 | 2012-09-13 | Apple Inc. | Pillarboxing Correction |
CN101221740A (zh) * | 2007-01-08 | 2008-07-16 | 鸿富锦精密工业(深圳)有限公司 | 电子相框 |
CN101369414A (zh) * | 2007-08-14 | 2009-02-18 | 三星Techwin株式会社 | 显示图像的方法以及应用该方法的显示装置 |
CN101521004A (zh) * | 2008-02-29 | 2009-09-02 | 鹏智科技(深圳)有限公司 | 具有图片处理功能的电子装置及其图片处理方法 |
CN102077587A (zh) * | 2008-06-30 | 2011-05-25 | 惠普开发有限公司 | 合成视频流 |
CN103151022A (zh) * | 2013-01-31 | 2013-06-12 | 广东欧珀移动通信有限公司 | 一种根据背景颜色自动改变字体颜色的方法和*** |
CN105719591A (zh) * | 2014-12-18 | 2016-06-29 | 三星电子株式会社 | 显示装置和控制方法 |
CN106294501A (zh) * | 2015-06-09 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 网页动画效果显示方法和装置 |
CN109254815A (zh) * | 2018-08-21 | 2019-01-22 | 奇酷互联网络科技(深圳)有限公司 | 显示界面的显示方法、移动终端和存储介质 |
CN109491726A (zh) * | 2018-11-16 | 2019-03-19 | 掌阅科技股份有限公司 | 开屏文件的呈现方法、电子设备及计算机存储介质 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020215861A1 (zh) * | 2019-04-22 | 2020-10-29 | 京东方科技集团股份有限公司 | 图片显示方法、图片显示装置、电子设备及存储介质 |
CN112529765A (zh) * | 2019-09-02 | 2021-03-19 | 阿里巴巴集团控股有限公司 | 图像处理方法、设备及存储介质 |
CN111047653A (zh) * | 2019-11-11 | 2020-04-21 | 北京奇艺世纪科技有限公司 | 一种主色调确定方法、装置、设备及可读介质 |
CN111460929A (zh) * | 2020-03-17 | 2020-07-28 | 稿定(厦门)科技有限公司 | 不特定图框图像填充方法及装置 |
CN111460929B (zh) * | 2020-03-17 | 2022-07-19 | 稿定(厦门)科技有限公司 | 不特定图框图像填充方法及装置 |
CN111526407A (zh) * | 2020-04-03 | 2020-08-11 | 华为技术有限公司 | 屏幕内容的显示方法及装置 |
CN111526407B (zh) * | 2020-04-03 | 2022-05-10 | 荣耀终端有限公司 | 屏幕内容的显示方法及装置 |
CN113660495A (zh) * | 2021-08-11 | 2021-11-16 | 易谷网络科技股份有限公司 | 实时视频流压缩方法、装置、电子设备以及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020215861A1 (zh) | 2020-10-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110060203A (zh) | 图片显示方法、图片显示装置、电子设备及存储介质 | |
CN106211804B (zh) | 利用对原始图像数据的色度测量进行自动白平衡 | |
Jacobson et al. | Design goals and solutions for display of hyperspectral images | |
US9990377B1 (en) | Content based systems and methods for conducting spectrum color based image search | |
KR101140533B1 (ko) | 이미지로부터 추정된 피부색에 기초해서 제품을 추천하는 컴퓨터 구현된 방법 | |
Jacobson et al. | Linear fusion of image sets for display | |
US9449412B1 (en) | Adaptive, calibrated simulation of cosmetic products on consumer devices | |
Rizzi et al. | From retinex to automatic color equalization: issues in developing a new algorithm for unsupervised color equalization | |
JP5883949B2 (ja) | 画像取込デバイス処理のためのスペクトル合成 | |
CN101529495B (zh) | 图像遮罩生成 | |
RU2450476C2 (ru) | Устройство и способ определения оптимальной задней подсветки | |
CN109741279A (zh) | 图像饱和度调整方法、装置、存储介质及终端 | |
US20070100786A1 (en) | Lexical classification system with dynamic modifiers | |
CN100596165C (zh) | 图像处理装置及其方法 | |
EP2915323A1 (en) | Color palette generation | |
JP5615041B2 (ja) | 画像処理装置、画像処理方法 | |
KR101961968B1 (ko) | 화상 처리 장치, 화상 처리 방법 및 프로그램을 기록한 기록 매체 | |
KR102234614B1 (ko) | 공간 이미지 분석 기반 배색 추천 장치 및 방법 | |
CN105981360A (zh) | 图像处理设备、图像处理***、图像处理方法和记录介质 | |
CN107960150A (zh) | 图像处理装置和方法 | |
CN107018439A (zh) | 用于生成展现多个视频的用户界面的方法 | |
CN109104545A (zh) | 图像处理设备、图像处理方法和图像处理*** | |
CN115063800B (zh) | 文本识别方法和电子设备 | |
CN114512094B (zh) | 屏幕色彩调节方法、装置、终端及计算机可读存储介质 | |
Ciocca et al. | Retinex preprocessing of uncalibrated images for color-based image retrieval |
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 |