一种页面显示的方法、装置、终端以及存储介质制造方法及图纸

技术编号:29399951 阅读:14 留言:0更新日期:2021-07-23 22:36
本申请适用于图像处理技术领域,提供了一种页面显示的方法、装置、终端以及存储介质,该方法包括:将目标页面内的原始背景图像,调整为与当前的显示模式对应的目标背景图像;识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域;根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象;根据所有所述目标对象以及所述目标背景图像,生成所述目标页面。本申请提供的技术方案能够在调整前景对象时,根据关联的背景区域确定调整策略,避免了调整后的背景图像与前景对象出现颜色相同或相似,提高了页面的显示效果。

【技术实现步骤摘要】
一种页面显示的方法、装置、终端以及存储介质
本申请属于图像处理
,尤其涉及一种页面显示的方法、装置、终端以及存储介质。
技术介绍
手机、平板电脑等终端设备,可以根据当前的显示模式调整页面内的各个显示对象的颜色,以使页面与显示模式相匹配,例如在深色显示模式下,可以对文字、图标等前景对象进行反色以及背景调暗,从而使得显示的页面与深色显示模式相匹配。由于页面背景与前景对象的调整过程是分别进行的,有可能会出现调整后的页面背景与前景对象之间的颜色相同或接近,降低了前景对象与背景之间的对比度,以及影响页面的显示效果。
技术实现思路
本申请实施例提供了一种页面显示的方法、装置、终端以及存储介质,可以解决现有的页面显示技术,根据显示模式对页面内图像以及前景对象进行调整后,会出现颜色相同或相似的问题。第一方面,本申请实施例提供了一种页面显示的方法,包括:将目标页面内的原始背景图像,调整为与当前的显示模式对应的目标背景图像;识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域;根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象;根据所有所述目标对象以及所述目标背景图像,生成所述目标页面。在第一方面的一种可能的实现方式中,所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域,包括:将所述目标背景图像划分为多个候选背景区域;根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标,从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域。在第一方面的一种可能的实现方式中,所述将所述目标背景图像划分为多个候选背景区域,包括:获取最小前景尺寸,将所述最小前景尺寸作为确定分块尺寸;基于所述分块尺寸对所述目标背景图像进行划分,得到多个所述候选背景区域。在第一方面的一种可能的实现方式中,所述根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标,从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域,包括:根据各个候选背景区域的在所述目标背景图像的显示位置,为各个候选背景区域配置关联的基准行列号;其中,Colunm0为所述候选背景区域的基准列序号;Row0为所述所述候选背景区域的基准行序号;(SrcX0,SrcY0)为所述候选背景图像的边界坐标;(pX,pY)为所述候选背景区域的中心坐标;(Sizex,Sizey)为所述候选背景区域的区域尺寸;将所述前景对象中心坐标导入预设的行列转换模型,计算所述前景对象的目标行列号;所述行列转换模型具体为:其中,Colunm1为所述目标行列号内的列序号;Row1为所述目标行列号内的行序号;(SrcX1,SrcY1)为所述前景对象的中心坐标;(Sizex,Sizey)为所述候选背景区域的区域尺寸;(Targetx,Targety)为所述前景对象的对象尺寸;选取所述基准行列号与所述目标行列号匹配的所述候选背景区域作为所述前景对象的关联背景区域。在第一方面的一种可能的实现方式中,所述显示模式为深色显示模式,则所述根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象,包括:获取关联背景区域的中心坐标的像素值以及透明度;根据所述中心坐标的所述像素值以及所述透明度,确定所述关联背景区域的背景亮度值;若所述背景亮度值大于预设的亮度阈值,则对所述前景对象进行降低亮度处理,生成所述目标对象;若所述背景亮度值小于或等于所述亮度阈值,则对所述前景对象进行反色处理,生成所述目标对象。在第一方面的一种可能的实现方式中,在所述根据所述中心坐标的所述像素值以及所述透明度,确定所述关联背景区域的亮度值之后,还包括:根据所述前景对象内各个像素点的所述像素值,确定所述前景对象对应的特征亮度值;若所述背景亮度值与所述特征亮度值之间的亮度差值大于预设的反色阈值,则对所述前景对象进行降低亮度处理,生成所述目标对象;若所述亮度差值小于或等于所述反色阈值,则对所述前景对象进行反色处理,生成所述目标对象。在第一方面的一种可能的实现方式中,所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域,包括:确定所述前景对象在所述目标页面内的显示层级;在所述目标页面内选取与所述显示层级相邻层级的目标背景图像作为所述前景对象的关联背景图像;确定所述前景对象在所述关联背景图像内的关联背景区域。在第一方面的一种可能的实现方式中,所述根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象,包括:根据所述关联背景区域的背景像素值以及所述前景对象的像素值,生成所述前景对象对应的预览对象;根据所述预览对象对应的所有关联对象的像素值以及所述预览对象的像素值,生成所述前景对象对应的所述目标对象。第二方面,本申请实施例提供了一种页面显示的装置,包括:背景图像调整单元,用于将目标页面内的原始背景图像,调整为与当前的显示模式对应的目标背景图像;关联背景区域识别单元,用于识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域;前景对象调整单元,用于根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象;目标页面生成单元,用于根据所有所述目标对象以及所述目标背景图像,生成所述目标页面。第三方面,本申请实施例提供了一种终端设备,存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现上述第一方面中任一项所述页面显示的方法。第四方面,本申请实施例提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现上述第一方面中任一项所述页面显示的方法。第五方面,本申请实施例提供了一种计算机程序产品,当计算机程序产品在终端设备上运行时,使得终端设备执行上述第一方面中任一项所述页面显示的方法。可以理解的是,上述第二方面至第五方面的有益效果可以参见上述第一方面中的相关描述,在此不再赘述。本申请实施例与现有技术相比存在的有益效果是:本申请实施例通过对目标页面内的原始背景图像进行调整,得到目标背景图像,继而根据各个前景对象在目标背景图像内的关联背景区域的亮度值,确定前景对象的调整策略,并根据调整策略生成前景对象对应的目标对象,最后根据目标背景图像以及目标对象生成目标页面,在调整前景对象时,根据关联的背景区域确定调整策略,避免了调整后的背景图像与前景对象出现颜色相同或相似,提高了页面的显示效果。附图说明为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施本文档来自技高网...

【技术保护点】
1.一种页面显示的方法,其特征在于,包括:/n将目标页面内的原始背景图像,调整为与当前的显示模式对应的目标背景图像;/n识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域;/n根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象;/n根据所有所述目标对象以及所述目标背景图像,生成所述目标页面。/n

【技术特征摘要】
1.一种页面显示的方法,其特征在于,包括:
将目标页面内的原始背景图像,调整为与当前的显示模式对应的目标背景图像;
识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域;
根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象;
根据所有所述目标对象以及所述目标背景图像,生成所述目标页面。


2.根据权利要求1所述的方法,其特征在于,所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域,包括:
将所述目标背景图像划分为多个候选背景区域;
根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标,从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域。


3.根据权利要求2所述的方法,其特征在于,所述将所述目标背景图像划分为多个候选背景区域,包括:
获取最小前景尺寸,将所述最小前景尺寸作为分块尺寸;
基于所述分块尺寸对所述目标背景图像进行划分,得到多个所述候选背景区域。


4.根据权利要求2所述的方法,所述根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标,从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域,包括:
根据各个候选背景区域的在所述目标背景图像的显示位置,为各个候选背景区域配置关联的基准行列号;



其中,Colunm0为所述候选背景区域的基准列序号;Row0为所述所述候选背景区域的基准行序号;(SrcX0,SrcY0)为所述候选背景图像的边界坐标;(pX,pY)为所述候选背景区域的中心坐标;(Sizex,Sizey)为所述候选背景区域的区域尺寸;
将所述前景对象中心坐标导入预设的行列转换模型,计算所述前景对象的目标行列号;所述行列转换模型具体为:



其中,Colunm1为所述目标行列号内的列序号;Row1为所述目标行列号内的行序号;(SrcX1,SrcY1)为所述前景对象的中心坐标;(Sizex,Sizey)为所述候选背景区域的区域尺寸;(Targetx,Targety)为所述前景对象的对象尺寸;
选取所述基准行列号与所述目标行列号匹配的所述候选背景区域作为所述前景对象的关联背景区域。


5.根据权利要求1所述的方法,其特征在于,所述显示模式为深色显示模式,则所述根据所述关联背景区域的背景像素值,将所述前景对象调整为与所述显示模式对应的目标对象,包括:
获取关联背景区域的中心坐标的像素值以及透明度;
根据所述中心坐标的所述像素值以及所述...

【专利技术属性】
技术研发人员:罗义
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1