[发明专利]一种导航标签窗口颜色设置方法及装置

说明书

本申请涉及一种导航标签窗口颜色设置方法及装置，所述导航标签窗口内可填充图标，该方法包括：获取所述导航标签窗口待填充的图标；在所述图标中确定颜色参考区域；获取所述颜色参考区域中像素的颜色信息；根据所述颜色信息，确定所述导航标签窗口的背景颜色；将所述导航标签窗口背景的颜色设置为所述背景颜色。该方案可以提高导航标签窗口的颜色的协调性以及美观程度，进而可以避免用户由于窗口的颜色而放弃点击导致导航标签窗口的点击频率降低的问题。

技术领域

本申请涉及网页技术领域，尤其涉及一种导航标签窗口颜色设置方法及装置。

背景技术

随着通信技术的发展，通过移动设备上网已经日益成为用户普遍使用的功能。现有在一些浏览器或网址导航的个性化主页里，为了方便快速访问常用的网址，便于用户阅读，用户最常访问的一些网址都会以图标的形式表示出来，这些图标上显示了对应网址LOGO图片，方便用户一目了然地找到自己经常访问的网址。

在个性化主页内，通常设置一些行列排列的导航标签窗口，导航标签窗口内显示有导航图标，当用户需要快速访问某一个网址时，可以通过编辑的方式，将对应网址LOGO图片等作为导航图标填充到该导航标签窗口内，并且建立导航图标与网址的对应关系。为了设计方便以及美观，所有的导航标签窗口的尺寸大小都是统一的，例如：统一尺寸的方形。

在实际应用中，申请人发现，由于不同网址的LOGO尺寸大小都不统一，例如：www.baidu.com的LOGO为熊掌图标，www.163.com的LOGO 为“易”的美术字体，为了将不同网址的LOGO图标填充到导航标签窗口，通常会对尺寸大的LOGO进行缩小，对尺寸小的图标LOGO进行放大，但是，对于长宽比相差较大的LOGO，即使扩大或缩小后，可以将 LOGO填充到导航标签窗口内，但仅能覆盖部分导航标签窗口，并且由于导航标签窗口有底色，所以填充后，会在LOGO外围有部分颜色不协调的区域，尤其是底色和LOGO颜色相差较大时，影响导航图标的整体美观，进而影响用户对导航图标的点击频率。

发明内容

为了解决上述技术问题或者至少部分地解决上述技术问题，本申请提供了一种导航标签窗口颜色设置方法及装置。

有鉴于此，第一方面，本申请提供了一种导航标签窗口颜色设置方法，所述导航标签窗口内可填充图标，所述方法包括：

获取所述导航标签窗口待填充的图标；

在所述图标中确定颜色参考区域；

获取所述颜色参考区域中像素的颜色信息，

根据所述颜色信息，确定所述导航标签窗口的背景颜色；

将所述导航标签窗口背景的颜色设置为所述背景颜色。

可选地，所述在所述图标中确定颜色参考区域，包括：

在所述图标的上选取1像素宽度的一个区域；

遍历所选取区域中所有像素点的像素值；

根据遍历得到的像素值，判断所选取区域是否透明；

当所选区域为不透明时，将所选取与确定为颜色参考区域；

当所选取区域为透明时，在所述图标的上选取1像素宽的另一区域，并重新遍历像素值，直至确定出颜色参考区域。

可选地，所述在所述图标的上选取1像素宽度的一个区域，包括：

在所述图标的外围选取1像素宽度的边框区域；

或者，在所述图标左侧边选取1像素宽度的左区域；

或者，在所述图标的右侧边选取1像素宽度的右区域；

或者，在所述图标的上侧边选取1像素宽度的上区域；