调整网页内容颜色的方法及装置的制造方法

文档序号:9708317阅读:244来源:国知局
调整网页内容颜色的方法及装置的制造方法
【技术领域】
[0001]本发明涉及移动互联网技术领域,更为具体地,涉及调整网页内容颜色的方法及
目.ο
【背景技术】
[0002]在互联网时代,用浏览器上网的用户越来越多,网页作为用户上网的主要浏览对象,大多数网页的白色背景色对用户眼睛形成较大的刺激,容易产生视觉疲劳。用户长时间面对屏幕很容易影响视力。在这种情况下,需要有较好的解决方案,减轻长时间上网对用户视力带来的伤害。更改网页背景色是不失为一种途径。与此同时,用户对于浏览器自定义的需求越来越强烈。网页颜色作为美化浏览器的组成部分,可最大程度满足用户的个性化定制要求。
[0003]目前,已经有相关的技术方案支持浏览器设置网页色彩,如通过更改透明度参数等方法来实现色彩的转换。然而,这些实现方案存在较大的弊端,一是灵活性不高,例如,通过调整透明度参数,并不能对网页颜色进行自由定义;二是在界面交互层面,用户需要设置透明度参数来实现色彩转换,设置方式不直观,不符合正常的操作方式,且用户很难把握转换效果,甚至会给用户带来明显的负体验。

【发明内容】

[0004]鉴于上述,本发明提出了一种调整网页内容颜色的方法及装置,利用该方法及装置,通过识别出网页元素,然后基于网页元素的明度值对网页元素的颜色进行调整,从而能够达到灵活地改变网页内容颜色的目的。
[0005]根据本发明的一个方面,提供了一种调整网页内容颜色的方法,包括:在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;获取各个所识别出的背景元素的明度值;以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
[0006]在上述方面的一个或多个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:确定所获取的各个背景元素的明度值所位于的明度值区间;以及将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
[0007]在上述方面的一个或多个示例中,基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:在确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
[0008]在上述方面的一个或多个示例中,在获取各个所识别出的背景元素的明度值之前,所述方法还包括:获取各个所识别出的背景元素的纯度值,以及,获取各个所识别出的背景元素的明度值包括:获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
[0009]在上述方面的一个或多个示例中,所述待调整网页元素还包括文字,以及,所述方法还包括:获取各个所识别出的文字的纯度值;以及在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
[0010]在上述方面的一个或多个示例中,所述待调整网页元素还包括描边,以及,所述方法还包括:获取各个所识别出的描边的纯度值;以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时,获取该描边的明度值,当该描边的明度值在预定范围时,将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
[0011]在上述方面的一个或多个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
[0012]根据本发明的另一方面,提供了一种调整网页内容颜色的装置,包括:网页元素识别单元,用于在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;明度值获取单元,用于获取各个所识别出的背景元素的明度值;以及颜色调整单元,用于基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
[0013]在上述方面的一个或多个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及所述颜色调整单元包括明度区间确定模块和调整模块,所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:所述明度区间确定模块确定所获取的各个背景元素的明度值所位于的明度值区间;以及所述调整模块将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
[0014]在上述方面的一个或多个示例中,所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:在所述明度区间确定模块确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
[0015]在上述方面的一个或多个示例中,所述装置还包括:纯度值获取单元,在所述明度值获取单元获取各个所识别出的背景元素的明度值之前,所述纯度值获取单元获取各个所识别出的背景元素的纯度值,以及,所述明度值获取单元获取各个所识别出的背景元素的明度值包括:获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
[0016]在上述方面的一个或多个示例中,所述待调整网页元素还包括文字,以及,所述纯度值获取单元获取各个所识别出的文字的纯度值;以及所述颜色调整单元在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
[0017]在上述方面的一个或多个示例中,所述待调整网页元素还包括描边,以及,所述方法还包括:所述纯度值获取单元获取各个所识别出的描边的纯度值;以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时,所述明度值获取单元获取该描边的明度值,当该描边的明度值在预定范围时,所述颜色调整单元将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
[0018]在上述方面的一个或多个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
[0019]根据本发明的另一方面,提供了一种终端设备,包括如权利要求8至14中任一项所述的装置。
[0020]根据本发明的另一方面,提供了一种终端设备,包括:存储器,用于存储指令;处理器,与所述存储器耦合,该处理器被配置为执行存储在所述存储器中的指令,其中,所述存储器中存储的指令以及所述处理器用于实现如权利要求1至7中任一项所述的方法。
[0021]利用上述方法及装置及终端设备,在接收到整网页内容颜色的指令后,识别出网页中的网页元素,然后根据网页背景元素的明度信息对网页的背景元素进行颜色调整,由于不同的明度信息对应有不同颜色值,明度不同的背景元素拥有不同的颜色值,能够使得页面背景颜色得到调整的同时,保证页面中的不同的背景元素能够拥有区别于其他背景元素的颜色值,不会出现整个页面背景混为一体的情况,使调整颜色后的页面背景更具有层次感、更和谐。为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
【附图说明】
[0022]根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中:
[0023]图1A示出了根据本发明的实施例的调整网页内容颜色的方法的流程图;
[0024]图1B示出了浏览器上设置的网页背景色选项的示意图;
[0025]图2示出了根据本发明另一实施例的调整网页中背景元素颜色的方法的详细流程图;
[0026]图3示出了根据本发明另一实施例的调整网页中文字颜色的方法的详细流程图;
[0027]图4示出了根据本发明另一实施例的调整网页中描边颜色的方法的详细流程图;
[0028]图5示出了本发明的实施例的调整网页内容颜色的装置的方框示意图。
【具体实施方式】
[0029]下面描述本公开的各个方面。应该明白的是,本文的教导可以以多种多样形式具体体现,并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的教导,本领域技术人员应该明白的是,本文所公开的一个方面可以独立于任何其它方面实现,并且这些方面中的两个或多个方面可以按照各种方式组合。例如,可以使用本文所阐述的任何数目的方面,实现装置或实践方法。另外,可以
当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1