CN111506287A - 页面显示方法和装置、电子设备和存储介质 - Google Patents

页面显示方法和装置、电子设备和存储介质 Download PDF

Info

Publication number
CN111506287A
CN111506287A CN202010269348.6A CN202010269348A CN111506287A CN 111506287 A CN111506287 A CN 111506287A CN 202010269348 A CN202010269348 A CN 202010269348A CN 111506287 A CN111506287 A CN 111506287A
Authority
CN
China
Prior art keywords
color
hue
interval
brightness
saturation
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.)
Granted
Application number
CN202010269348.6A
Other languages
English (en)
Other versions
CN111506287B (zh
Inventor
陈振
逄增耀
宋歌
杜英豪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202010269348.6A priority Critical patent/CN111506287B/zh
Publication of CN111506287A publication Critical patent/CN111506287A/zh
Priority to EP20894910.7A priority patent/EP3913477A4/en
Priority to KR1020227010670A priority patent/KR20220047663A/ko
Priority to PCT/CN2020/133121 priority patent/WO2021203720A1/zh
Priority to JP2022515138A priority patent/JP2022547931A/ja
Priority to US17/367,016 priority patent/US11830224B2/en
Application granted granted Critical
Publication of CN111506287B publication Critical patent/CN111506287B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/90—Determination of colour characteristics
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2320/00—Control of display operating conditions
    • G09G2320/02—Improving the quality of display appearance
    • G09G2320/0242—Compensation of deficiencies in the appearance of colours
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/10—Intensity circuits

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Computer Hardware Design (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Color Image Communication Systems (AREA)
  • Digital Computer Display Output (AREA)
  • Image Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例公开了一种页面显示方法和装置、电子设备和存储介质，涉及计算机视觉技术领域，包括：提取待显示页面的图片的主题色，确定主题色的色彩属性，其中，色彩属性为彩色属性，或者色彩属性为非彩色属性，根据色彩属性对待显示页面进行调整并显示，通过基于主题色的不同的色彩属性对不同的页面进行调整并显示，避免了相关技术中通过预设过滤范围对主题色进行过滤，造成的灵活性不强的弊端，实现了针对不同页面显示的多样性和灵活性；且避免了由于简单的过滤方式造成的图片失真的弊端，提高了页面显示的可靠性和准确性。

Description

页面显示方法和装置、电子设备和存储介质
技术领域
本申请涉及图像处理技术领域，尤其涉及计算机视觉技术领域，具体涉及一种页面显示方法和装置、电子设备和存储介质。
背景技术
随着互联网技术的发展，页面的显示也出现了多元化。
在现有技术中，对页面进行显示的方法主要包括：通过色彩量化算法提取页面的图片的主题色，确定主题色对应的HSB，其中，H(hues)表示色相，S(saturation)表示饱和度，B(brightness)表示亮度，且预先设置需要过滤的HSB的范围，将确定出的HSB与需要过滤的HSB的范围进行比较，将在需要过滤的HSB范围内的至少部分HSB进行过滤，并基于剩下的HSB对页面进行显示。
发明人在实现本申请的过程中，发现至少存在以下问题：通过设置过滤范围对HSB进行过滤，灵活性不强，很难实现不同页面的差异化显示。
发明内容
提供了一种用于对页面进行差异化显示的页面显示方法和装置、电子设备和存储介质。
根据第一方面，提供了一种页面显示方法，所述方法包括：
提取待显示页面的图片的主题色；
确定所述主题色的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
根据所述色彩属性对所述待显示页面进行调整并显示。
在本公开实施例中，通过基于主题色的不同的色彩属性对不同的页面进行调整并显示，避免了相关技术中通过预设过滤范围对主题色进行过滤，造成的灵活性不强的弊端，实现了针对不同页面显示的多样性和灵活性；且避免了由于简单的过滤方式造成的图片失真的弊端，提高了页面显示的可靠性和准确性。
根据第二方面，提供了一种页面显示装置，所述装置包括：
获取模块，用于提取待显示页面的图片的主题色；
第一确定模块，用于确定所述主题色的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
调整模块，用于根据所述色彩属性对所述待显示页面进行调整；
显示模块，用于对调整后的待显示页面进行显示。
根据第三方面，提供了一种电子设备，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如上任一实施例所述的方法。
根据第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行如上任一实施例所述的方法。
根据第五方面，提供了一种页面显示方法，所述方法包括：
根据待显示页面的图片的主题色，确定所述主题色对应的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
根据所述色彩属性对所述待显示页面进行调整并显示。
根据本申请的技术解决了相关技术中通过预设过滤范围对主题色进行过滤，造成的灵活性不强的弊端，实现了针对不同页面显示的多样性和灵活性；且避免了由于简单的过滤方式造成的图片失真的弊端，提高了页面显示的可靠性和准确性。
应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案，不构成对本申请的限定。其中：
图1为本申请实施例的页面显示方法的应用场景；
图2为本申请一个实施例的页面显示方法的流程示意图；
图3为本申请的不同页面的显示效果示意图；
图4为本申请另一个实施例的页面显示方法的流程示意图；
图5为本申请的彩色坐标区间的示意图；
图6为本申请的灰白色区域的示意图；
图7为本申请的黑色区域的示意图；
图8为本申请又一个实施例的页面显示方法的流程示意图；
图9为本申请的光亮度曲线的示意图；
图10为本申请的色相与亮度的映射示意图；
图11为本申请一个实施例的页面显示装置的示意图；
图12为本申请另一个实施例的页面显示装置的示意图；
图13为本申请实施例的电子设备的框图；
图14为本申请另一个实施例的页面显示方法的流程示意图。
具体实施方式
以下结合附图对本申请实施例的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请实施例的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
请参阅图1，图1为本申请实施例的页面显示方法的应用场景。
在如图1所示的应用场景中，用户100可以与携带显示装置的终端设备进行交互，且在图1中，终端设备具体为手机200。
值得说明地是，图1中所示的手机200只是为了用于对终端设备进行示范性地说明，即图1只是象征性地展示了终端设备中的一种，而不能理解为对终端设备的限定，例如，终端设备还可以包括计算机、笔记本电脑、iPad、智能手环、车载终端和智能机器人等。
如图1所示，手机200可通过执行如本申请实施例的页面显示方法，对对用户100访问的页面进行显示。
在相关技术中，对页面进行显示的方法主要包括：通过色彩量化算法提取页面的图片的主题色，确定主题色对应的HSB，将确定出的HSB与预先设置的需要过滤的HSB的范围进行比较，将在需要过滤的HSB范围内的至少部分HSB进行过滤，并基于剩下的HSB对页面进行显示。
然而，在相关技术中，由于通过简单的通过设置过滤范围对HSB进行过滤，并没有考虑页面显示时，H、S和B之间存在的关联关系，灵活性不强，很难实现不同页面的差异化显示；且通过简单的划分和过滤，使得可能有用的部分信息被删除，且也可能保留了对显示造成负面影响的部分信息，从而使得页面显示失真。
本申请发明人在经过创造性劳动之后，想到了本申请的发明构思：基于H、S和B之间存在的关联关系，对不同的页面进行个性化的显示。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。
请参阅图2，图2为本申请一个实施例的页面显示方法的流程示意图。
如图2所示，该方法包括：
S101：提取待显示页面的图片的主题色。
其中，本申请实施例的页面显示方法的执行主体可以为页面显示终端，且页面显示装置可以为终端设备和服务器等。
其中，终端设备包括但不限于：手机、计算机、笔记本电脑、iPad、智能手环、车载终端和智能机器人。服务器包括本地服务器和云端服务器。
例如，当本申请实施例的页面显示方法应用于如图1所示的应用场景时，页面显示方法的执行主体可以为如图1中所示的手机。
当然，在另一些实施例中，手机也可以与服务器进行通信，当用户发起打开某页面的请求时，服务器可执行本申请实施例的页面显示方法，并控制手机基于相应的显示参数对页面进行显示。
其中，主题色用于表征图片的颜色的参数，具体可以为图像的色相H、饱和度S和亮度B。也就是说，通过该步骤，可以确定图片的主题色HSB。
在该步骤中，可采用色彩量化算法的方式提取待显示页面的图片的主题色HSB，具体地色彩量化算法可参见现有技术，此处不再赘述。
S102：确定主题色的色彩属性，其中，色彩属性为彩色属性，或者色彩属性为非彩色属性。
其中，色彩属性用于表征色彩的类别，在本申请实施例中，可以根据主题色是否为彩色将色彩属性分为两种，一种为彩色属性，即主题色为彩色，另一种为与彩色属性相对应的非彩色属性，即主体色相为彩色以外的其他颜色，如黑色。
S103：根据色彩属性对待显示页面进行调整并显示。
在本申请实施例中，当确定出主题色的色彩属性之后，可基于色彩属性对待显示页面进行调整，并在调整之后进行显示。
在本申请实施例中，对三个不同的主题色HSB的待显示页面分别执行本申请实施例的页面显示方法，三个不同页面的显示效果可参阅图3。
其中，图3中的3-1对应的页面显示的颜色为第一颜色，图3中的3-2对应的页面显示的颜色为第二颜色，图3中的3-3对应的页面显示的颜色为第三颜色，且第一颜色、第二颜色和第三颜色均不相同。
也就是说，通过本申请实施例的页面显示方法，可以将不同主题色HSB的待显示页面进行多样化显示，从而实现页面显示的灵活性和多样性，且可以满足用户的个性化需求。
结合上述分析可知，在本公开实施例中，本申请实施例提供了一种页面显示方法，该方法包括：提取待显示页面的图片的主题色，确定主题色的色彩属性，其中，色彩属性为彩色属性，或者色彩属性为非彩色属性，根据所述色彩属性对待显示页面进行调整并显示，在本实施例中，通过基于主题色的不同的色彩属性对不同的页面进行调整并显示，避免了相关技术中通过预设过滤范围对主题色进行过滤，造成的灵活性不强的弊端，实现了针对不同页面显示的多样性和灵活性；且避免了由于简单的过滤方式造成的图片失真的弊端，提高了页面显示的可靠性和准确性。
结合上述示例可知，在本申请实施例中，主要是通过确定主题色的色彩属性，实现对不同页面的多样化显示。因此，为了使读者对本申请实施例的方案进行深入地理解，现结合图4对本申请实施例的方案进行更为详尽的阐述，其中，图4为本申请另一实施例的页面显示方法的流程示意图。
如图4所示，该方法包括：
S201：提取待显示页面的图片的主题色。
其中，关于S201的描述可参见S101，此处不再赘述。
S202：根据主题色中的亮度和饱和度构建二维坐标。
其中，可由主题色HSB构建三维的色彩空间中，而从主题色HSB中抽取饱和度S和亮度B可以组成二位坐标。
S203：将二维坐标与预设的彩色坐标区间进行匹配，确定色彩属性。
该步骤可以理解为判断二位坐标是否落入彩色坐标区间，并根据二维坐标是否落入彩色坐标区间，确定主题色HSB的色彩属性。
例如，如果二维坐标落入彩色坐标空间，则将主题色HSB的色彩属性确定为彩色属性；如果二维坐标没有落入彩色坐标空间，则将主题色HSB的色彩属性确定为非彩色属性。
在本申请实施例中，通过构建与亮度和饱和度对应的二维坐标，以便结合二维坐标和彩色坐标区间确定主题色HSB的色彩属性，由于结合了主题色HSB本身的特性，即亮度和饱和度，且充分考虑了亮度和饱和度之间的关联关系，使得可以得到较为精准的主题色HSB的色彩属性，从而实现后续显示的多样性和灵活性。
在一些实施例中，彩色坐标区间可以基于需求、经验和试验等进行确定。而在本申请实施例中，给出了确定彩色坐标区间的实现方式。具体地，确定彩色坐标区间的方法包括：
S01：根据预设的亮度区间和饱和度区间构建矩阵，其中，矩阵用于表征亮度区间和饱和度区间之间的位置关系。
其中，一般而言，亮度B的取值范围为0至100，即可将亮度区间确定为(0，100)。同理，饱和度S的取值范围也为0至100，即可将饱和度区间确定为(0，100)。
因此，可根据亮度区间(0，100)和饱和度区间(0，100)构建一个100*100的矩阵，且矩阵范围可以为坐标(0，0)至坐标(100，100)。
具体可参阅图5，如图5所示，横坐标为饱和度S，纵坐标为亮度B。
S02：根据矩阵和预设的圆心参数确定色彩区间。
在一些实施例中，圆心参数包括圆心比例系数和半径，S02可具体包括：
S021：确定矩阵的对角线。
在该步骤中，相当于确定坐标(0，0)至坐标(100，100)的对角线。其中，对角线函数可通过式1表达，式1：
f(x)＝x,0≤x≤100，其中，x为横坐标。
S022：根据圆心比例系数在对角线上确定圆心。
例如，圆心比例系数为α，且圆心比例系数为α的范围为(0，1)，在一些实施例中，可将α设置为0.8。则圆心的坐标为(100α，100α)，具体可参见图参见图5中标识的“圆心点”。
S022：根据圆心和半径确定色彩区间。
其中，半径范围可以为(0，100-100α)，在一些实施例中，可将α设置为0.7。
在确定出圆心和半径之后，可以确定出一个圆。也就是说，色彩区间即为圆。其中，圆的函数可通过式2表达，式2：
(x-100α)2+(y-100α)2＝r2其中，y为纵坐标，r为半径。
也就是说，当坐标(x，y)满足式3时，可以确定坐标(x，y)落入色彩区间，式3：
(x-100α)2+(y-100α)2＜0，其中，0≤x，y≤100。
S023：确定色彩区间与矩阵的原点最近的切线。
该步骤可以理解为在圆的最左侧做一条切线l1，具体可参见图5中标识的“l1”。其中，l1平行于y轴，与x轴的交点坐标为(100-(100*(1-α)+r)，0)，且l1的函数可以通过式4表达，式4：
x＝100-(100*(1-α)+r)。
S024：根据切线、矩阵、色彩区间和预设的白灰分割线确定彩色坐标区间。
其中，白灰分割线为平行于x轴的分割线，其纵坐标上的值为预先设置的δ。且，白灰分割线可以参见图5中标识的“l2”。
在一些实施例中，δ可以为33，则白灰分割线l2的函数可以通过式5表达，式5：
y＝δ。
在该步骤中，相当于将切线l1、白灰分割线l2、矩阵和色彩区间的交集确定为彩色坐标区间，即将切线l1、白灰分割线l2、矩阵和色彩区间的公共部分确定为彩色坐标区间。
在本申请实施例中，通过将切线l1、白灰分割线l2、矩阵和色彩区间的公共部分确定为彩色坐标区间，可以实现彩色坐标区别的可靠性，以便在对主题色HSB进行属性区分时，可以精准地分辨主题色HSB的色彩属性。
因此，在S203中，可以通过二维坐标是否落入彩色坐标区间，确定主题色HSB是否为彩色属性，彩色坐标区别包括二维坐标，则主题色HSB为彩色属性；如果彩色坐标区间不包括二维坐标，则主题色HSB为非彩色属性。
结合上述示例，若二维坐标为(x，y)，则当二维坐标(x，y)满足式7和式8中的一个，且满足式6时，将二维坐标(x，y)确定为非彩色属性，其中，式6为：
(x-100α)2+(y-100α)2≥0；式7为：
x＜100-(100*(1-α)+r)，且，δ＜y＜100α；式8为：
y≥100α。
可参见图6中标识的“灰白色区域”。
或者，若二维坐标为(x，y)，则当二维坐标(x，y)满足式9和式10中的一个，且满足式6时，将二维坐标(x，y)确定为非彩色属性，其中，式9为：
x＜100-(100*(1-α)+r)，且，y＜δ；式10为：
x＞100-(100*(1-α)+r)，且，y＜100α。
可参见图7中标识的“黑色区域”。
反之，则说明主题色HSB为彩色属性。
S204：根据色彩属性对待显示页面进行调整并显示。
其中，关于S204的描述可参见S103，此处不再赘述。
为使读者对本申请实施例的待显示页面进行调整的方法有更深入的理解，现结合图8对本申请实施例的页面显示方法进行详细的阐述，其中，图8为本申请又一实施例的页面显示方法的流程示意图。
如图8所示，该方法包括：
S301：提取待显示页面的图片的主题色。
其中，关于S301的描述可参见S101，此处不再赘述。
S302：确定主题色的色彩属性，其中，色彩属性为彩色属性，或者色彩属性为非彩色属性。
其中，关于S302的描述可参见S102，也可以参见S202和S203，此处不再赘述。
具体地，如果主题色HSB为彩色属性，则执行S303；如果主题色HSB为非彩色属性，则执行S304。
S303：对亮度和饱和度进行调整，并对调整后的亮度和主题色中的色相分别进行明暗渐变处理。
也就是说，如果主题色HSB为彩色属性，则先对亮度B和饱和度S进行调整，再对色相H和调整后亮度B分别进行明暗渐变处理。
在一些实施例中，对亮度B进行调整的步骤包括：
S11：根据预设的色相与色系区间的映射关系，确定色相对应的色相区间，其中，在预设的色相区间与亮度调整值的映射关系中，色相区间与亮度调整值成正比。
值得说明地是，色相H给不同用户的视觉亮度感官是不一样的。可以将色相H每15度作为一个色系区间，均分为24个色系区间。色相H每15度设置一个亮度等级，取值范围与亮度B相同，为0-100，则色相H与亮度等级如表1所示，
表1：
色相H 0 15 30 45 ··· ··· 300 315 330 345
亮度等级 N1 N2 N3 N4 ··· ··· N21 N22 N23 N24
其中，与表1对应的光亮度曲线可以参见图9。
在该步骤中，可以根据色相H确定色相H对应的色相区间。
S12：根据预设的色相区间与亮度调整值的映射关系，确定色相区间对应的亮度调整值。
基于如图所9示的光亮度曲线可知，亮度B越大，需要调整的幅度则越大，所以可以根据光亮度曲线，得出亮度B的调整曲线。
若亮度B的取值范围为[αmin,αmax]，即当亮度等级的最大值为αmax，最小值为αmin时，则相应的光亮度曲线与亮度B的调整曲线的映射关系可以通过式11表达，式11：
Figure BDA0002442548160000101
其中，αi对应色相H为i的亮度B的调整的映射示意图可参见图10。
也就是说，可以确定24色系的亮度B的调整值的列表，具体可参见表2，
表2：
色相H 0 15 30 45 ··· ··· 300 315 330 345
亮度调整值 α<sub>1</sub> α<sub>2</sub> α<sub>3</sub> α<sub>4</sub> ··· ··· α<sub>21</sub> α<sub>22</sub> α<sub>23</sub> α<sub>24</sub>
在该步骤中，可以根据色相亮度区间确定相应的亮度调整值。
S13：根据色相、色相区间和色相区间对应的亮度调整值，确定调整后的亮度。
例如，在该步骤中，若色相H的色相区间为[H1,H2]，且，色相H具体等于Hi，亮度调整值为α1，则可通过式12确定调整后的亮度，式12：
Figure BDA0002442548160000102
在本申请实施例中，充分考虑了色相H与亮度B之间的关联关系，使得调整后亮度充分体现主题色HSB的特性，从而使得页面显示在满足灵活性的同时，也能够符合图片的特性。
S14：根据调整后的亮度对亮度进行调整。
在该步骤中，相当于将亮度B调整至S13计算得到的调整后的亮度，具体的调整的方法可以参见现有技术，此处不再赘述。
在一些实施例中，对饱和度S进行调整的步骤包括：
S21：根据预设的饱和度和调节区间之间的映射关系，确定饱和度对应的调节区间，其中，在预设的饱和度和调节区间之间的映射关系中，饱和度与调节区间成正比。
其中，饱和度S和调节区间之间的映射关系，可以基于需求、经验和试验确定。
S22：根据饱和度和调节区间，确定调整后的饱和度。
例如，若调节区间为[Smin,Smax]，则：若饱和度S小于或等于Smin，则调整后的饱和度即为Smin；若饱和度S大于Smin，且饱和度S小于Smax，则无需对饱和度S进行调整；若饱和度S大于或等于Smax，则调整后的饱和度S即为Smax。
在本申请实施例中，由于预先设置了饱和度和调节区间之间的映射关系，以便通过基于调节区间对相应的饱和度S进行调整，可以提高对饱和度S调整的效率，且可以实现对饱和度S调整的可靠性。
S23：根据调整后的饱和度对饱和度进行调整。
在一些实施例中，对色相进行明暗渐变处理包括：
S31：确定色相与预设色相分割值之间的大小关系。
例如，可以设置五个色相分割值，分别为H1、H2、H3、H4、H5。且可以通过大小比对的方式，确定色相H与五个色相分割值之间的大小关系。
S32：根据色相、大小关系和预设的色相调整因子确定调整后的色相。
例如，若色相H小于或等于H1，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H1，且小于或等于H2，则调整后的色相等于色相H与色相调整因子的差；若色相H大于H2，且小于或等于H3，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H3，且小于或等于H4，则调整后的色相等于色相H与色相调整因子的差；若色相H大于H4，且小于或等于H5，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H5，则调整后的色相等于色相H与色相调整因子的差。
在本申请实施例中，通过预设色相分割值，可以快速确定调整的区间，以便结合相应的色相调整因子对色相H进行快速的调整，从而提高页面显示的流畅性。
S33：根据调整后的色相对色相进行调整。
在一些实施例中，对亮度进行明暗渐变处理包括：
S41：根据亮度和预设的亮度调整因子确定目标亮度。
其中，亮度调整因子可基于需求、经验和试验进行设定。
例如，目标亮度等于亮度B与亮度调整因子的和。
S42：根据目标亮度对亮度进行调整。
值得说明地是，对调整后的亮度进行明暗渐变处理可以参见上述步骤，此处不再赘述。
S304：对色相和亮度分别进行明暗渐变处理。
其中，对色相的明暗渐变处理可参见S303中的描述，而对亮度进行明暗渐变处理的原理与S303中对调整后的亮度进行明暗渐变处理相同，因此，对S304的描述可参见S303，此处不再赘述。
根据本申请实施例的另一个方面，本申请实施例还提供了一种与上述方法对应的页面显示装置。
请参阅图11，图11为本申请实施例的页面显示装置的示意图。
如图11所示，该装置包括：
获取模块11，用于提取待显示页面的图片的主题色；
第一确定模块12，用于确定所述主题色的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
调整模块13，用于根据所述色彩属性对所述待显示页面进行调整；
显示模块14，用于对调整后的待显示页面进行显示。
结合图12可知，在另一些实施例中，该装置还包括：
构建模块15，用于根据预设的亮度区间和饱和度区间构建矩阵，所述矩阵用于表征所述亮度区间和所述饱和度区间之间的位置关系；
第二确定模块16，用于根据所述矩阵和预设的圆心参数确定色彩区间；
提取模块17，用于根据所述矩阵和预设的白灰分割线从从所述色彩区间中提取彩色坐标区间；
以及，所述第一确定模块用于，根据所述彩色坐标区间，以及所述主题色中的亮度和饱和度确定所述色彩属性。
在一些实施例中，所述调整模块13用于，响应于所述色彩属性为彩色属性，对所述主题色中的亮度和所述饱和度进行调整，并对调整后的亮度和所述主题色中的色相分别进行明暗渐变处理；响应于所述色彩属性为非彩色属性，对所述色相和所述亮度分别进行明暗渐变处理。
在一些实施例中，所述调整模块13用于，根据预设的色相与色系区间的映射关系，确定所述色相对应的色相区间，根据预设的色相区间与亮度调整值的映射关系，确定所述色相区间对应的亮度调整值，根据所述色相、所述色相区间和所述色相区间对应的亮度调整值，确定调整后的亮度，根据所述调整后的亮度对所述亮度进行调整。
在所述预设的色相区间与亮度调整值的映射关系中，色相区间与亮度调整值成正比。
在一些实施例中，所述调整模块13用于，根据预设的饱和度和调节区间区间之间的映射关系，确定所述饱和度对应的调节区间区间，根据所述饱和度和所述调节区间区间，确定调整后的饱和度，根据所述调整后的饱和度对所述饱和度进行调整。
在所述预设的饱和度和调节区间之间的映射关系中，所述饱和度与调节区间成正比。
在一些实施例中，所述调整模块13用于，确定所述色相与预设色相分割值之间的大小关系，根据所述色相、所述大小关系和预设的色相调整因子确定调整后的色相，根据所述调整后的色相对所述色相进行调整。
在一些实施例中，所述调整模块13用于，根据所述亮度和预设的亮度调整因子确定目标亮度，根据所述目标亮度对所述亮度进行调整。
根据本申请的实施例，本申请还提供了一种电子设备和一种可读存储介质。
如图13所示，是根据本申请实施例的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请实施例的实现。
如图13所示，该电子设备包括：一个或多个处理器101、存储器102，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图13中以一个处理器101为例。
存储器102即为本申请实施例所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由至少一个处理器执行的指令，以使所述至少一个处理器执行本申请实施例所提供的页面显示方法。本申请实施例的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请实施例所提供的页面显示方法。
存储器102作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的程序指令/模块。处理器101通过运行存储在存储器102中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的页面显示方法。
存储器102可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据电子设备的使用所创建的数据等。此外，存储器102可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器102可选包括相对于处理器101远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、区块链服务网络(Block-chain-based Service Network，BSN)、移动通信网及其组合。
电子设备还可以包括：输入装置103和输出装置104。处理器101、存储器102、输入装置103和输出装置104可以通过总线或者其他方式连接，图13中以通过总线连接为例。
输入装置103可接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置104可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、区块链服务网络(Block-chain-based Service Network，BSN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的另一个方面，本申请实施例还提供了一种页面显示方面。
请参阅图14，图14为本申请又一实施例提供的页面显示方法的流程示意图。
如图14所示，该方法包括：
S1：根据待显示页面的图片的主题色，确定主题色对应的色彩属性，其中，色彩属性为彩色属性，或者色彩属性为非彩色属性。
S2：根据色彩属性对待显示页面进行调整并显示。
在本申请实施例中，可确定出主题色的色彩属性为彩色属性，或者非彩色属性，以便执行与色彩属性对应的调整策略。如，当主题色的色彩属性为彩色属性时，则可先对主题色的HSB执行亮度和饱和度的调整，并对色相和调整后的亮度进行明暗渐变处理；当主题色的色彩属性为非色彩属性时，则可直接对亮度和色相进行明暗渐变处理，从而实现显示的多样化。
应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请的技术方案所期望的结果，本文在此不进行限制。
上述具体实施方式，并不构成对本申请保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等，均应包含在本申请保护范围之内。

Claims (21)

1.一种页面显示方法，其特征在于，所述方法包括：
提取待显示页面的图片的主题色；
确定所述主题色的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
根据所述色彩属性对所述待显示页面进行调整并显示。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
根据预设的亮度区间和饱和度区间构建矩阵，所述矩阵用于表征所述亮度区间和所述饱和度区间之间的位置关系；
根据所述矩阵和预设的圆心参数确定色彩区间；
根据所述矩阵和预设的白灰分割线从所述色彩区间中提取彩色坐标区间；
以及，所述确定所述主题色的色彩属性包括：根据所述彩色坐标区间，以及所述主题色中的亮度和饱和度确定所述色彩属性。
3.根据权利要求1或2所述的方法，其特征在于，根据所述色彩属性对所述待显示页面进行调整，包括：
响应于所述色彩属性为彩色属性，对所述主题色中的亮度和饱和度进行调整，并对调整后的亮度和所述主题色中的色相分别进行明暗渐变处理；
响应于所述色彩属性为非彩色属性，对所述色相和所述亮度分别进行明暗渐变处理。
4.根据权利要求3所述的方法，其特征在于，对所述亮度进行调整包括：
根据预设的色相与色系区间的映射关系，确定所述色相对应的色相区间；
根据预设的色相区间与亮度调整值的映射关系，确定所述色相区间对应的亮度调整值；
根据所述色相、所述色相区间和所述色相区间对应的亮度调整值，确定调整后的亮度；
根据所述调整后的亮度对所述亮度进行调整。
5.根据权利要求4所述的方法，其特征在于，在所述预设的色相区间与亮度调整值的映射关系中，色相区间与亮度调整值成正比。
6.根据权利要求3所述的方法，其特征在于，对所述饱和度进行调整包括：
根据预设的饱和度和调节区间之间的映射关系，确定所述饱和度对应的调节区间；
根据所述饱和度和所述调节区间，确定调整后的饱和度；
根据所述调整后的饱和度对所述饱和度进行调整。
7.根据权利要求6所述的方法，其特征在于，在所述预设的饱和度和调节区间之间的映射关系中，所述饱和度与调节区间成正比。
8.根据权利要求3所述的方法，其特征在于，对所述色相进行明暗渐变处理，包括：
确定所述色相与预设色相分割值之间的大小关系；
根据所述色相、所述大小关系和预设的色相调整因子确定调整后的色相；
根据所述调整后的色相对所述色相进行调整。
9.根据权利要求3所述的方法，其特征在于，所述对所述亮度进行明暗渐变处理，包括：
根据所述亮度和预设的亮度调整因子确定目标亮度；
根据所述目标亮度对所述亮度进行调整。
10.一种页面显示装置，其特征在于，所述装置包括：
获取模块，用于提取待显示页面的图片的主题色；
第一确定模块，用于确定所述主题色的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
调整模块，用于根据所述色彩属性对所述待显示页面进行调整；
显示模块，用于对调整后的待显示页面进行显示。
11.根据权利要求10所述的装置，其特征在于，所述装置还包括：
构建模块，用于根据预设的亮度区间和饱和度区间构建矩阵，所述矩阵用于表征所述亮度区间和所述饱和度区间之间的位置关系；
第二确定模块，用于根据所述矩阵和预设的圆心参数确定色彩区间；
提取模块，用于根据所述矩阵和预设的白灰分割线从所述色彩区间提取彩色坐标区间；
以及，所述第一确定模块用于，根据所述彩色坐标区间，以及所述主题色中的亮度和饱和度确定所述色彩属性。
12.根据权利要求10或11所述的装置，其特征在于，所述调整模块用于，响应于所述色彩属性为彩色属性，对所述主题色中的亮度和所述饱和度进行调整，并对调整后的亮度和所述主题色中的色相分别进行明暗渐变处理；响应于所述色彩属性为非彩色属性，对所述色相和所述亮度分别进行明暗渐变处理。
13.根据权利要求12所述的装置，其特征在于，所述调整模块用于，根据预设的色相与色系区间的映射关系，确定所述色相对应的色相区间，根据预设的色相区间与亮度调整值的映射关系，确定所述色相区间对应的亮度调整值，根据所述色相、所述色相区间和所述色相区间对应的亮度调整值，确定调整后的亮度，根据所述调整后的亮度对所述亮度进行调整。
14.根据权利要求13所述的装置，其特征在于，在所述预设的色相区间与亮度调整值的映射关系中，色相区间与亮度调整值成正比。
15.根据权利要求12所述的装置，其特征在于，所述调整模块用于，根据预设的饱和度和调节区间区间之间的映射关系，确定所述饱和度对应的调节区间区间，根据所述饱和度和所述调节区间区间，确定调整后的饱和度，根据所述调整后的饱和度对所述饱和度进行调整。
16.根据权利要求15所述的装置，其特征在于，在所述预设的饱和度和调节区间之间的映射关系中，所述饱和度与调节区间成正比。
17.根据权利要求12所述的装置，其特征在于，所述调整模块用于，确定所述色相与预设色相分割值之间的大小关系，根据所述色相、所述大小关系和预设的色相调整因子确定调整后的色相，根据所述调整后的色相对所述色相进行调整。
18.根据权利要求12所述的装置，其特征在于，所述调整模块用于，根据所述亮度和预设的亮度调整因子确定目标亮度，根据所述目标亮度对所述亮度进行调整。
19.一种电子设备，其特征在于，包括：
至少一个处理器；以及
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。
20.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-9中任一项所述的方法。
21.一种页面显示方法，其特征在于，所述方法包括：
根据待显示页面的图片的主题色，确定所述主题色对应的色彩属性，其中，所述色彩属性为彩色属性，或者所述色彩属性为非彩色属性；
根据所述色彩属性对所述待显示页面进行调整并显示。
CN202010269348.6A 2020-04-08 2020-04-08 页面显示方法和装置、电子设备和存储介质 Active CN111506287B (zh)

Priority Applications (6)

Application Number Priority Date Filing Date Title
CN202010269348.6A CN111506287B (zh) 2020-04-08 2020-04-08 页面显示方法和装置、电子设备和存储介质
EP20894910.7A EP3913477A4 (en) 2020-04-08 2020-12-01 PAGE DISPLAY METHOD AND DEVICE, ELECTRONIC DEVICE AND STORAGE MEDIA
KR1020227010670A KR20220047663A (ko) 2020-04-08 2020-12-01 페이지 표시 방법 및 장치, 전자기기 및 저장매체
PCT/CN2020/133121 WO2021203720A1 (zh) 2020-04-08 2020-12-01 页面显示方法和装置、电子设备和存储介质
JP2022515138A JP2022547931A (ja) 2020-04-08 2020-12-01 ページ表示方法と装置、電子機器及び記憶媒体
US17/367,016 US11830224B2 (en) 2020-04-08 2021-07-02 Page displaying method and apparatus, electronic device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010269348.6A CN111506287B (zh) 2020-04-08 2020-04-08 页面显示方法和装置、电子设备和存储介质

Publications (2)

Publication Number Publication Date
CN111506287A true CN111506287A (zh) 2020-08-07
CN111506287B CN111506287B (zh) 2023-07-04

Family

ID=71875914

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010269348.6A Active CN111506287B (zh) 2020-04-08 2020-04-08 页面显示方法和装置、电子设备和存储介质

Country Status (6)

Country Link
US (1) US11830224B2 (zh)
EP (1) EP3913477A4 (zh)
JP (1) JP2022547931A (zh)
KR (1) KR20220047663A (zh)
CN (1) CN111506287B (zh)
WO (1) WO2021203720A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113207023A (zh) * 2021-04-06 2021-08-03 深圳创维－Rgb电子有限公司 电视详情页背景变色处理方法、装置、设备及介质
WO2021203720A1 (zh) * 2020-04-08 2021-10-14 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115145442B (zh) * 2022-06-07 2024-06-11 杭州海康汽车软件有限公司 一种环境图像的显示方法、装置、车载终端及存储介质
CN116188608B (zh) * 2022-12-27 2024-03-12 上海元彩科技有限公司 一种在平面排列颜色的方法和装置
CN117315172B (zh) * 2023-09-22 2024-04-12 鲸数科技（北京）有限公司 地图页面配置方法、装置、电子设备与计算机可读介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5905493A (en) * 1996-11-13 1999-05-18 Unalink Communications, Inc. Color coded instructional scheme for computers and the like system, method and article of manufacture
CN1635467A (zh) * 2003-12-25 2005-07-06 华为技术有限公司 网络设备中显示彩色字符的实现方法及其装置
CN101527777A (zh) * 2008-03-04 2009-09-09 佳能株式会社 图像处理系统、图像处理装置及图像处理方法
CN102622163A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种图标生成方法
US20140181712A1 (en) * 2012-12-13 2014-06-26 Nokia Corporation Adaptation of the display of items on a display
US20150186491A1 (en) * 2013-12-26 2015-07-02 Google Inc. Personalized electronic magazine
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术（北京）有限公司 一种页面主题色调的调整方法、装置、设备及介质
CN110865856A (zh) * 2018-08-27 2020-03-06 华为技术有限公司 一种界面元素颜色显示方法及装置

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8417568B2 (en) * 2006-02-15 2013-04-09 Microsoft Corporation Generation of contextual image-containing advertisements
US8760415B2 (en) * 2009-03-30 2014-06-24 Kent Displays Incorporated Display with overlayed electronic skin
AU2009240860B2 (en) * 2009-11-26 2011-12-22 Canon Kabushiki Kaisha Determining composite colour for dithered object and contone object
CN104657465B (zh) * 2015-02-10 2018-01-23 腾讯科技（深圳）有限公司 一种网页的显示控制方法及装置
CN106856542B (zh) 2016-12-27 2020-03-31 努比亚技术有限公司 根据壁纸颜色自动调节图标颜色的方法及装置
CN108206917B (zh) * 2017-12-29 2020-09-15 南京中兴新软件有限责任公司 图像处理的方法及装置、存储介质、电子装置
CN110673904B (zh) * 2018-07-03 2023-08-25 淘宝（中国）软件有限公司 主题色彩处理、展示页面生成的方法、装置及设备
CN109859283B (zh) 2018-12-22 2024-01-09 Oppo广东移动通信有限公司 一种取色方法、取色装置、电子设备和可存储介质
CN110609722B (zh) * 2019-08-09 2021-07-20 华为技术有限公司 一种暗模式显示界面处理方法、电子设备与存储介质
CN111506287B (zh) * 2020-04-08 2023-07-04 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5905493A (en) * 1996-11-13 1999-05-18 Unalink Communications, Inc. Color coded instructional scheme for computers and the like system, method and article of manufacture
CN1635467A (zh) * 2003-12-25 2005-07-06 华为技术有限公司 网络设备中显示彩色字符的实现方法及其装置
CN101527777A (zh) * 2008-03-04 2009-09-09 佳能株式会社 图像处理系统、图像处理装置及图像处理方法
CN102622163A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种图标生成方法
US20140181712A1 (en) * 2012-12-13 2014-06-26 Nokia Corporation Adaptation of the display of items on a display
US20150186491A1 (en) * 2013-12-26 2015-07-02 Google Inc. Personalized electronic magazine
CN110865856A (zh) * 2018-08-27 2020-03-06 华为技术有限公司 一种界面元素颜色显示方法及装置
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术（北京）有限公司 一种页面主题色调的调整方法、装置、设备及介质

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021203720A1 (zh) * 2020-04-08 2021-10-14 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质
US11830224B2 (en) 2020-04-08 2023-11-28 Beijing Baidu Netcom Science Technology Co., Ltd. Page displaying method and apparatus, electronic device and storage medium
CN113207023A (zh) * 2021-04-06 2021-08-03 深圳创维－Rgb电子有限公司 电视详情页背景变色处理方法、装置、设备及介质
CN113207023B (zh) * 2021-04-06 2023-05-02 深圳创维－Rgb电子有限公司 电视详情页背景变色处理方法、装置、设备及介质

Also Published As

Publication number Publication date
US11830224B2 (en) 2023-11-28
EP3913477A4 (en) 2023-01-25
KR20220047663A (ko) 2022-04-18
US20210333950A1 (en) 2021-10-28
EP3913477A1 (en) 2021-11-24
JP2022547931A (ja) 2022-11-16
WO2021203720A1 (zh) 2021-10-14
CN111506287B (zh) 2023-07-04

Similar Documents

Publication Publication Date Title
CN111506287B (zh) 页面显示方法和装置、电子设备和存储介质
CN111524166B (zh) 视频帧的处理方法和装置
CN111784757B (zh) 深度估计模型的训练方法、深度估计方法、装置及设备
CN112634343A (zh) 图像深度估计模型的训练方法、图像深度信息的处理方法
CN113327193A (zh) 图像处理方法、装置、电子设备和介质
EP3872762A1 (en) Edge-based three-dimensional tracking and registration method and apparatus for augmented reality, and storage medium
US11556784B2 (en) Multi-task fusion neural network architecture
CN112102417B (zh) 确定世界坐标的方法和装置
CN111861991B (zh) 计算图像清晰度的方法以及装置
CN114004840A (zh) 图像处理方法、训练方法、检测方法、装置、设备及介质
CN111757100A (zh) 相机运动变化量的确定方法、装置、电子设备和介质
WO2022142876A1 (zh) 图像处理方法、装置、电子设备及存储介质
CN113888635B (zh) 视觉定位方法、相关装置
CN113516697B (zh) 图像配准的方法、装置、电子设备及计算机可读存储介质
US20170148145A1 (en) Sharpening Algorithm For Images based on Polar Coordinates
CN111105440B (zh) 视频中目标物体的跟踪方法、装置、设备及存储介质
CN109559319B (zh) 一种法线贴图的处理方法及终端
JP5563545B2 (ja) 情報処理装置及び方法
CN110827254A (zh) 图像清晰度的确定方法和装置
CN110070482A (zh) 图像处理方法、装置和计算机可读存储介质
CN115880461A (zh) 一种增强现实图像生成方法、装置、设备及存储介质
CN115576470A (zh) 图像处理方法和装置、增强现实系统及介质
CN112200730B (zh) 图像滤波处理方法、装置、设备及存储介质
CN108182656B (zh) 一种图像处理方法及终端
CN113274735A (zh) 模型处理方法、装置、电子设备及计算机可读存储介质

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
GR01 Patent grant
GR01 Patent grant