图片板块的标题的背景色的调整方法及装置制造方法及图纸

技术编号:14010862 阅读:32 留言:0更新日期:2016-11-17 11:46
本发明专利技术提供了一种图片板块的标题的背景色的调整方法及装置。该方法包括:获取页面中的一个或多个图片板块各自的标题所处的页面位置;根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;基于所述相邻图片调整该图片板块的标题的背景色。本发明专利技术实施例基于与图片板块的标题相邻的相邻图片调整该图片板块的标题的背景色,保证了色彩上的统一。并且,本发明专利技术实施例实现了图片板块的标题的背景色的动态调整,无需开发者进行手动调整,提高了调整效率。

【技术实现步骤摘要】

本专利技术涉及互联网应用
,特别是一种图片板块的标题的背景色的调整方法及装置
技术介绍
随着信息技术的飞速发展,当今社会进入了信息爆炸时代,人们越来越多地借助网络来寻找自己需要的信息,因此,搜索成为人们工作、生活不可或缺的一部分。图片搜索是通过图片搜索引擎,向用户提供互联网上相关的图片资料的服务。通常,在图片搜索引擎的首页会包括多个不同主题或者类型的图片板块,这些不同主题或者类型是以图片板块的标题来区分。在相关技术中,这些图片板块的标题的背景色都是由页面开发者预先设置的,为了实现首页上色彩搭配的统一,需要开发者手动调整图片板块的标题的背景色,效率较低。
技术实现思路
鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的图片板块的标题的背景色的调整方法及相应的装置。依据本专利技术的一方面,提供了一种图片板块的标题的背景色的调整方法,包括:获取页面中的一个或多个图片板块各自的标题所处的页面位置;根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;基于所述相邻图片调整该图片板块的标题的背景色。可选地,基于所述相邻图片调整该图片板块的标题的背景色,包括:选取所述相邻图片中的多个像素点,并获取每个像素点的色彩值;基于所述每个像素点的色彩值调整该图片板块的标题的背景色。可选地,选取所述相邻图片中的多个像素点,包括:将所述相邻图片绘制在指定尺寸的画布中;选取所述画布中的所述相邻图片中的多个像素点。可选地,所述方法还包括:根据所述多个像素点的数量确定所述指定尺寸。可选地,所述色彩值包括指定数量的颜色通道的数值,基于所述每个像素点的色彩值调整该图片板块的标题的背景色,包括:计算所述每个像素点的色彩值中各个颜色通道的数值的平均数;基于计算的所述平均数调整该图片板块的标题的背景色。可选地,基于计算的所述平均数调整该图片板块的标题的背景色,包括:将计算的所述平均数作为该图片板块的标题的背景色的色彩值,对该图片板块的标题的背景色进行调整。可选地,基于计算的所述平均数调整该图片板块的标题的背景色,包括:将计算的所述平均数分别乘以指定系数后作为该图片板块的标题的背景色的色彩值,对该图片板块的标题的背景色进行调整。可选地,根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片,包括:获取属于该图片板块的所有图片以及所述所有图片的排序信息;根据该图片板块的所述所有图片的排序信息,确定与该图片板块的标题相邻的相邻图片。可选地,所述相邻图片包括下列至少之一:位于该图片板块的标题的正左方等高的图片;位于该图片板块的标题的正下方等宽的图片。可选地,所述色彩值包括RGB值或CMKY值。依据本专利技术的另一方面,还提供了一种图片板块的标题的背景色的调整装置,包括:获取模块,适于获取页面中的一个或多个图片板块各自的标题所处的页面位置;确定模块,适于根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;调整模块,适于基于所述相邻图片调整该图片板块的标题的背景色。可选地,所述调整模块包括:选取单元,适于选取所述相邻图片中的多个像素点,并获取每个像素点的色彩值;调整单元,适于基于所述每个像素点的色彩值调整该图片板块的标题的背景色。可选地,所述选取单元还适于:将所述相邻图片绘制在指定尺寸的画布中;选取所述画布中的所述相邻图片中的多个像素点。可选地,所述选取单元还适于:根据所述多个像素点的数量确定所述指定尺寸。可选地,所述色彩值包括指定数量的颜色通道的数值,所述调整单元还适于:计算所述每个像素点的色彩值中各个颜色通道的数值的平均数;基于计算的所述平均数调整该图片板块的标题的背景色。可选地,所述调整单元还适于:将计算的所述平均数作为该图片板块的标题的背景色的色彩值,对该图片板块的标题的背景色进行调整。可选地,所述调整单元还适于:将计算的所述平均数分别乘以指定系数后作为该图片板块的标题的背景色的色彩值,对该图片板块的标题的背景色进行调整。可选地,所述确定模块还适于:获取属于该图片板块的所有图片以及所述所有图片的排序信息;根据该图片板块的所述所有图片的排序信息,确定与该图片板块的标题相邻的相邻图片。可选地,所述相邻图片包括下列至少之一:位于该图片板块的标题的正左方等高的图片;位于该图片板块的标题的正下方等宽的图片。可选地,所述色彩值包括RGB值或CMKY值。在本专利技术实施例中,获取页面中的一个或多个图片板块各自的标题所处的页面位置,根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片,进而基于相邻图片调整该图片板块的标题的背景色。由此可见,本专利技术实施例基于与图片板块的标题相邻的相邻图片调整该图片板块的标题的背景色,保证了色彩上的统一。并且,本专利技术实施例实现了图片板块的标题的背景色的动态调整,无需开发者进行手动调整,提高了调整效率。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。根据下文结合附图对本专利技术具体实施例的详细描述,本领域技术人员将会更加明了本专利技术的上述以及其他目的、优点和特征。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了根据本专利技术一实施例的图片板块的标题的背景色的调整方法的流程图;图2示出了根据本专利技术一实施例的页面中的图片板块的示意图;图3示出了根据本专利技术一个实施例的图片板块的标题的背景色的调整装置的结构示意图;以及图4示出了根据本专利技术另一个实施例的图片板块的标题的背景色的调整装置的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。为解决上述技术问题,本专利技术实施例提供了一种图片板块的标题的背景色的调整方法。图1示出了根据本专利技术一实施例的图片板块的标题的背景色的调整方法的流程图。如图1所示,该方法至少包括以下步骤S102至步骤S106:步骤S102,获取页面中的一个或多个图片板块各自的标题所处的页面位置;步骤S104,根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;步骤S106,基于相邻图片调整该图片板块的标题的背景色。在本专利技术实施例中,获取页面中的一个或多个图片板块各自的标题所处的页面位置,根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片,进而基于相邻图片调整该图片板块的标题的背景色。由此可见,本专利技术实施例基于与图片板块的标题相邻的相邻图片调整该图片板块的标题的背景色,保证了色彩上的统一。并且,本专利技术实施例实现了图片板块的标题的背景色的动态调整,无需开发者进行手动调整,提高了调整效率。在上文步骤S102中的页面可以是图片搜索引擎的首页,该首页包本文档来自技高网...
图片板块的标题的背景色的调整方法及装置

【技术保护点】
一种图片板块的标题的背景色的调整方法,包括:获取页面中的一个或多个图片板块各自的标题所处的页面位置;根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;基于所述相邻图片调整该图片板块的标题的背景色。

【技术特征摘要】
1.一种图片板块的标题的背景色的调整方法,包括:获取页面中的一个或多个图片板块各自的标题所处的页面位置;根据各图片板块的标题所处的页面位置,确定与该图片板块的标题相邻的相邻图片;基于所述相邻图片调整该图片板块的标题的背景色。2.根据权利要求1所述的方法,其中,基于所述相邻图片调整该图片板块的标题的背景色,包括:选取所述相邻图片中的多个像素点,并获取每个像素点的色彩值;基于所述每个像素点的色彩值调整该图片板块的标题的背景色。3.根据权利要求1或2所述的方法,其中,选取所述相邻图片中的多个像素点,包括:将所述相邻图片绘制在指定尺寸的画布中;选取所述画布中的所述相邻图片中的多个像素点。4.根据权利要求1-3中任一项所述的方法,其中,还包括:根据所述多个像素点的数量确定所述指定尺寸。5.根据权利要求1-4中任一项所述的方法,其中,所述色彩值包括指定数量的颜色通道的数值,基于所述每个像素点的色彩值调整该图片板块的标题的背景色,包括:计算所述每个像素点的色彩值中各个颜色通道的数值的平均数;基于计算的所述平均数调整该图片板块的标题的背景色。6.根据权利要求1-5中任一项所述的方法,其中,基于计算的所述平均数调整该图片...

【专利技术属性】
技术研发人员:王峰
申请(专利权)人:北京奇虎科技有限公司奇智软件北京有限公司
类型:发明
国别省市:北京;11

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

1