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

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

Info

Publication number
WO2021203720A1
WO2021203720A1 PCT/CN2020/133121 CN2020133121W WO2021203720A1 WO 2021203720 A1 WO2021203720 A1 WO 2021203720A1 CN 2020133121 W CN2020133121 W CN 2020133121W WO 2021203720 A1 WO2021203720 A1 WO 2021203720A1
Authority
WO
WIPO (PCT)
Prior art keywords
color
brightness
interval
hue
saturation
Prior art date
Application number
PCT/CN2020/133121
Other languages
English (en)
French (fr)
Inventor
陈振
逄增耀
宋歌
杜英豪
Original Assignee
北京百度网讯科技有限公司
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 北京百度网讯科技有限公司 filed Critical 北京百度网讯科技有限公司
Priority to KR1020227010670A priority Critical patent/KR20220047663A/ko
Priority to EP20894910.7A priority patent/EP3913477A4/en
Priority to JP2022515138A priority patent/JP2022547931A/ja
Priority to US17/367,016 priority patent/US11830224B2/en
Publication of WO2021203720A1 publication Critical patent/WO2021203720A1/zh

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

Definitions

  • This application relates to the field of image processing technology, in particular to the field of computer vision technology, and in particular to a page display method and device, electronic equipment, and storage medium.
  • the method for displaying a page mainly includes: extracting the theme color of the picture of the page through a color quantization algorithm, and determining the HSB corresponding to the theme color, where H (hues) represents hue and S (saturation) represents saturation. , B (brightness) represents the brightness, and the range of HSB that needs to be filtered is preset, the determined HSB is compared with the range of HSB that needs to be filtered, and at least part of the HSB within the range of HSB that needs to be filtered is filtered, and based on The remaining HSB displays the page.
  • filtering the HSB by setting the filtering range is not flexible, and it is difficult to achieve differentiated display of different pages.
  • a page display method and device, electronic equipment and storage medium for differentiated display of pages are described.
  • a page display method including:
  • the page to be displayed is adjusted and displayed according to the color attribute.
  • different pages are adjusted and displayed based on different color attributes of the theme color, which avoids the disadvantage of not having strong flexibility caused by filtering the theme color through a preset filter range in the related art.
  • the diversity and flexibility of displaying for different pages are realized; the drawbacks of image distortion caused by simple filtering methods are avoided, and the reliability and accuracy of page display are improved.
  • a page display device comprising:
  • the acquisition module is used to extract the theme color of the picture of the page to be displayed
  • the first determining module is configured to determine the color attribute of the theme color, wherein the color attribute is a color attribute, or the color attribute is an achromatic attribute;
  • An adjustment module configured to adjust the page to be displayed according to the color attribute
  • the display module is used to display the adjusted page to be displayed.
  • an electronic device including:
  • At least one processor At least one processor
  • a memory communicatively connected with the at least one processor; wherein,
  • the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor, so that the at least one processor can execute the method described in any of the above embodiments.
  • a non-transitory computer-readable storage medium storing computer instructions for causing the computer to execute the method described in any of the above embodiments.
  • a page display method includes:
  • the color attribute corresponding to the theme color according to the theme color of the picture of the page to be displayed, wherein the color attribute is a color attribute, or the color attribute is an achromatic attribute;
  • the page to be displayed is adjusted and displayed according to the color attribute.
  • an embodiment of the present application further provides a computer program, including program code.
  • the program code executes the method described in any of the above embodiments.
  • the disadvantage of filtering the theme color through the preset filtering range in the related technology is solved, and the flexibility and flexibility of the display for different pages are realized; and the simple filtering is avoided.
  • the disadvantages of image distortion caused by the method improve the reliability and accuracy of page display.
  • FIG. 1 is an application scenario of a page display method according to an embodiment of the application
  • FIG. 2 is a schematic flowchart of a page display method according to an embodiment of the application.
  • Figure 3 is a schematic diagram of the display effects of different pages of the application.
  • FIG. 4 is a schematic flowchart of a page display method according to another embodiment of the application.
  • Fig. 5 is a schematic diagram of the color coordinate interval of the application.
  • Fig. 6 is a schematic diagram of the gray-white area of the application.
  • Fig. 7 is a schematic diagram of the black area of the application.
  • FIG. 8 is a schematic flowchart of a page display method according to another embodiment of this application.
  • FIG. 9 is a schematic diagram of the brightness curve of the application.
  • FIG. 10 is a schematic diagram of the mapping of hue and brightness in this application.
  • FIG. 11 is a schematic diagram of a page display device according to an embodiment of the application.
  • FIG. 12 is a schematic diagram of a page display device according to another embodiment of the application.
  • FIG. 13 is a block diagram of an electronic device according to an embodiment of the application.
  • FIG. 14 is a schematic flowchart of a page display method according to another embodiment of the application.
  • FIG. 1 is an application scenario of a page display method according to an embodiment of the application.
  • the user 100 can interact with a terminal device carrying a display device, and in FIG. 1, the terminal device is specifically a mobile phone 200.
  • terminal devices may also include computers, notebook computers, iPads, smart bracelets, vehicle-mounted terminals, and smart robots.
  • the mobile phone 200 can display the page accessed by the user 100 by executing the page display method as in the embodiment of the present application.
  • the method of displaying the page mainly includes: extracting the theme color of the picture of the page through the color quantization algorithm, determining the HSB corresponding to the theme color, and comparing the determined HSB with the preset HSB range that needs to be filtered , Filter at least part of the HSB in the HSB range that needs to be filtered, and display the page based on the remaining HSB.
  • the HSB is filtered by simply setting the filter range, it does not consider the relationship between H, S and B when the page is displayed.
  • the flexibility is not strong, and it is difficult to achieve different pages. Differentiated display; and through simple division and filtering, part of the information that may be useful is deleted, and part of the information that has a negative impact on the display may also be retained, thereby causing the page display to be distorted.
  • FIG. 2 is a schematic flowchart of a page display method according to an embodiment of the application.
  • the method includes:
  • the execution subject of the page display method of the embodiment of the present application may be a page display terminal, and the page display device may be a terminal device, a server, and the like.
  • terminal devices include but are not limited to: mobile phones, computers, laptops, iPads, smart bracelets, vehicle terminals, and smart robots.
  • Servers include local servers and cloud servers.
  • the execution subject of the page display method may be a mobile phone as shown in FIG. 1.
  • the mobile phone can also communicate with the server.
  • the server can execute the page display method of the embodiment of this application, and control the mobile phone to display the page based on the corresponding display parameters. show.
  • the theme color is used to characterize the parameters of the color of the picture, and may specifically be the hue H, saturation S, and brightness B of the image. In other words, through this step, the theme color HSB of the picture can be determined.
  • a color quantization algorithm can be used to extract the theme color HSB of the picture of the page to be displayed.
  • a color quantization algorithm please refer to the prior art, which will not be repeated here.
  • S102 Determine the color attribute of the theme color, where the color attribute is a color attribute, or the color attribute is an achromatic attribute.
  • the color attribute is used to characterize the color category.
  • the color attribute can be divided into two types according to whether the theme color is color.
  • One is color attribute, that is, the theme color is color, and the other is and
  • the non-color attribute corresponding to the color attribute, that is, the main hue is a color other than color, such as black.
  • the page to be displayed can be adjusted based on the color attribute, and displayed after the adjustment.
  • the page display method of the embodiment of the present application is performed on the pages to be displayed with three different theme colors HSB, and the display effects of the three different pages can be seen in FIG. 3.
  • the color displayed on the page corresponding to 3-1 in Figure 3 is the first color
  • the color displayed on the page corresponding to 3-2 in Figure 3 is the second color
  • the page corresponding to 3-3 in Figure 3 is displayed
  • the color is a third color
  • the first color, the second color, and the third color are all different.
  • the pages to be displayed with different theme colors HSB can be diversified, so that the flexibility and diversity of page display can be realized, and the individual needs of users can be met.
  • the embodiments of the present application provide a page display method.
  • the method includes: extracting the theme color of the picture of the page to be displayed, and determining the color attribute of the theme color, where the color attribute is The color attribute, or the color attribute is achromatic attribute, the page to be displayed is adjusted and displayed according to the color attribute.
  • different color attributes based on the theme color are used to adjust and display different pages to avoid
  • the theme color is filtered through the preset filtering range, which causes the disadvantage of not strong flexibility, which realizes the diversity and flexibility of the display for different pages; and avoids the disadvantages of image distortion caused by simple filtering methods , Improve the reliability and accuracy of page display.
  • the method includes:
  • S202 Construct a two-dimensional coordinate according to the brightness and saturation in the theme color.
  • the theme color HSB can be used to construct a three-dimensional color space, and the saturation S and the brightness B can be extracted from the theme color HSB to form a two-dimensional coordinate.
  • S203 Match the two-dimensional coordinates with the preset color coordinate interval to determine the color attribute.
  • This step can be understood as judging whether the two-dimensional coordinate falls within the color coordinate interval, and determining the color attribute of the theme color HSB according to whether the two-dimensional coordinate falls within the color coordinate interval.
  • the color attribute of the theme color HSB is determined as a color attribute; if the two-dimensional coordinates do not fall into the color coordinate space, the color attribute of the theme color HSB is determined as an achromatic attribute.
  • two-dimensional coordinates corresponding to brightness and saturation are constructed to determine the color attributes of the theme color HSB by combining the two-dimensional coordinates and the color coordinate interval. Because of the combination of the characteristics of the theme color HSB itself, that is, brightness and Saturation, and fully consider the relationship between brightness and saturation, so that a more accurate color attribute of the theme color HSB can be obtained, so as to achieve the diversity and flexibility of subsequent display.
  • the color coordinate interval may be determined based on requirements, experience, experiments, and the like.
  • an implementation manner of determining the color coordinate interval is given.
  • the method for determining the color coordinate interval includes:
  • S01 Construct a matrix according to the preset brightness interval and saturation interval, where the matrix is used to represent the positional relationship between the brightness interval and the saturation interval.
  • the value range of the brightness B is from 0 to 100, and the brightness interval can be determined as (0, 100).
  • the value range of the saturation S is also from 0 to 100, and the saturation interval can be determined as (0, 100).
  • a 100*100 matrix can be constructed according to the brightness interval (0, 100) and the saturation interval (0, 100), and the range of the matrix can be from coordinates (0, 0) to coordinates (100, 100).
  • the abscissa is the saturation S
  • the ordinate is the brightness B.
  • S02 Determine the color interval according to the matrix and preset circle center parameters.
  • the circle center parameters include circle center scale factor and radius
  • S02 may specifically include:
  • Equation 1 Equation 1:
  • f(x) x, 0 ⁇ x ⁇ 100, where x is the abscissa.
  • S022 Determine the center of the circle on the diagonal line according to the scale factor of the center of the circle.
  • the circle center scale factor is ⁇
  • the range of the circle center scale factor ⁇ is (0, 1).
  • ⁇ can be set to 0.8.
  • the coordinates of the center of the circle are (100 ⁇ , 100 ⁇ ).
  • S022 Determine the color interval according to the center and radius of the circle.
  • the radius range may be (0, 100-100 ⁇ ), and in some embodiments, ⁇ may be set to 0.7.
  • Equation 2 Equation 2:
  • This step can be understood as making a tangent line l1 on the leftmost side of the circle.
  • l1 is parallel to the y axis, and the coordinate of the intersection point with the x axis is (100-(100*(1- ⁇ )+r), 0), and the function of l1 can be expressed by Equation 4, Equation 4:
  • S024 Determine the color coordinate interval according to the tangent line, the matrix, the color interval and the preset white and gray dividing line.
  • the white-grey dividing line is a dividing line parallel to the x-axis, and the value on its ordinate is a preset ⁇ . And, the white-gray dividing line can refer to "l2" marked in FIG. 5.
  • ⁇ can be 33
  • the function of the white-gray dividing line 12 can be expressed by Equation 5, which is:
  • this step it is equivalent to determining the intersection of the tangent line l1, the white-gray dividing line 12, the matrix and the color interval as the color coordinate interval, that is, determining the common part of the tangent line l1, the white-gray dividing line 12, the matrix and the color interval as the color coordinate interval.
  • the reliability of the color coordinate difference can be realized, so that when the theme color HSB is distinguished by attributes, Can accurately distinguish the color attributes of the theme color HSB.
  • whether the theme color HSB is a color attribute can be determined by whether the two-dimensional coordinates fall within the color coordinate interval.
  • the color coordinate difference includes two-dimensional coordinates, and the theme color HSB is a color attribute; if the color coordinate interval does not include two Dimensional coordinates, the theme color HSB is an achromatic attribute.
  • Equation 9 is:
  • the theme color HSB is a color attribute.
  • FIG. 8 is another embodiment of the application. Schematic diagram of the flow of the page display method.
  • the method includes:
  • S302 Determine the color attribute of the theme color, where the color attribute is a color attribute, or the color attribute is an achromatic attribute.
  • S302 please refer to S102, and also refer to S202 and S203, which will not be repeated here.
  • S303 is executed; if the theme color HSB is an achromatic attribute, S304 is executed.
  • S303 Adjust the brightness and saturation, and perform light and dark gradient processing on the adjusted brightness and the hue in the theme color respectively.
  • the brightness B and saturation S are adjusted first, and then the hue H and the adjusted brightness B are respectively subjected to light and dark gradient processing.
  • the step of adjusting the brightness B includes:
  • S11 Determine the hue interval corresponding to the color according to the preset mapping relationship between the hue interval and the color system interval, wherein, in the preset mapping relationship between the hue interval and the brightness adjustment value, the hue interval is proportional to the brightness adjustment value.
  • Hue H gives different users different visual brightness senses. Every 15 degrees of hue H can be regarded as a color system interval, which is equally divided into 24 color system intervals. Hue H sets a brightness level every 15 degrees, the value range is the same as that of brightness B, which is 0-100, then hue H and brightness level are shown in Table 1.
  • the hue interval corresponding to the hue H can be determined according to the hue H.
  • S12 Determine the brightness adjustment value corresponding to the hue interval according to the preset mapping relationship between the hue interval and the brightness adjustment value.
  • the adjustment curve of the brightness B can be obtained according to the brightness curve.
  • the list of adjustment values of brightness B of 24 colors can be determined.
  • Table 2 For details, please refer to Table 2.
  • the corresponding brightness adjustment value can be determined according to the hue brightness interval.
  • the adjusted brightness can be determined by Equation 12. 12:
  • hue H and brightness B is fully considered, so that the adjusted brightness fully reflects the characteristics of the theme color HSB, so that the page display can meet the characteristics of the picture while satisfying the flexibility.
  • the step of adjusting the saturation S includes:
  • S21 Determine the adjustment interval corresponding to the saturation according to the mapping relationship between the preset saturation and the adjustment interval, wherein, in the mapping relationship between the preset saturation and the adjustment interval, the saturation is proportional to the adjustment interval .
  • mapping relationship between the saturation S and the adjustment interval can be determined based on requirements, experience, and experiments.
  • the adjustment interval is [S min ,S max ], then: if the saturation S is less than or equal to S min , the adjusted saturation is S min ; if the saturation S is greater than S min , and the saturation S is less than S max , there is no need to adjust the saturation S; if the saturation S is greater than or equal to S max , the adjusted saturation S is S max .
  • the mapping relationship between the saturation and the adjustment interval is preset, so that by adjusting the corresponding saturation S based on the adjustment interval, the efficiency of adjusting the saturation S can be improved, and the adjustment can be realized. Reliability of saturation S adjustment.
  • performing light-dark gradation processing on hue includes:
  • hue division values can be set, namely H 1 , H 2 , H 3 , H 4 , H 5 .
  • the size relationship between the hue H and the five hue segmentation values can be determined by means of size comparison.
  • S32 Determine the adjusted hue according to the hue, the size relationship and the preset hue adjustment factor.
  • the adjusted color is equal to the sum of hue H and the hue adjustment factor; if hue H is greater than H 1 and less than or equal to H 2 , then the adjusted color is equal to hue H and hue The difference of the adjustment factor; if the hue H is greater than H 2 and less than or equal to H 3 , the adjusted color is equal to the sum of the hue H and the hue adjustment factor; if the hue H is greater than H 3 and less than or equal to H 4 , then adjust The resulting color is equal to the difference between the hue H and the hue adjustment factor; if the hue H is greater than H 4 and less than or equal to H 5 , the adjusted color is equal to the sum of the hue H and the hue adjustment factor; if the hue H is greater than H 5 , then The adjusted color is equal to the difference between the hue H and the hue adjustment factor.
  • the adjustment interval can be quickly determined, so that the hue H can be quickly adjusted in combination with the corresponding hue adjustment factor, thereby improving the fluency of page display.
  • performing light-dark gradation processing on brightness includes:
  • S41 Determine the target brightness according to the brightness and the preset brightness adjustment factor.
  • the brightness adjustment factor can be set based on demand, experience and experimentation.
  • the target brightness is equal to the sum of the brightness B and the brightness adjustment factor.
  • S304 Perform light and dark gradient processing on the hue and brightness respectively.
  • the light-dark gradient processing of the hue can be referred to the description in S303, and the principle of the light-dark gradient processing on the brightness is the same as the light-dark gradient processing on the adjusted brightness in S303. Therefore, the description of S304 can be referred to S303, here No longer.
  • the embodiments of the present application also provide a page display device corresponding to the above method.
  • FIG. 11 is a schematic diagram of a page display device according to an embodiment of the application.
  • the device includes:
  • the obtaining module 11 is used to extract the theme color of the picture of the page to be displayed;
  • the first determining module 12 is configured to determine the color attribute of the theme color, wherein the color attribute is a color attribute, or the color attribute is an achromatic attribute;
  • the adjustment module 13 is configured to adjust the page to be displayed according to the color attribute
  • the display module 14 is used to display the adjusted page to be displayed.
  • the device further includes:
  • the construction module 15 is configured to construct a matrix according to a preset brightness interval and a saturation interval, and the matrix is used to represent the positional relationship between the brightness interval and the saturation interval;
  • the second determining module 16 is configured to determine the color interval according to the matrix and preset circle center parameters
  • the extraction module 17 is configured to extract a color coordinate interval from the color interval according to the matrix and a preset white-grey dividing line;
  • the first determining module is configured to determine the color attribute according to the color coordinate interval and the brightness and saturation of the theme color.
  • the adjustment module 13 is configured to, in response to the color attribute being a color attribute, adjust the brightness and the saturation in the theme color, and adjust the adjusted brightness and the theme
  • the hue in the color is subjected to light and dark gradation processing respectively; in response to the color attribute being an achromatic attribute, the light and dark gradation processing is performed on the hue and the brightness respectively.
  • the adjustment module 13 is configured to determine the hue interval corresponding to the color according to the preset mapping relationship between the hue and the color system interval, and according to the preset mapping relationship between the hue interval and the brightness adjustment value, Determine the brightness adjustment value corresponding to the hue interval, determine the adjusted brightness according to the hue, the hue interval, and the brightness adjustment value corresponding to the hue interval, and adjust the brightness according to the adjusted brightness .
  • the hue interval is directly proportional to the brightness adjustment value.
  • the adjustment module 13 is configured to determine the adjustment interval corresponding to the saturation according to a preset mapping relationship between the saturation and the adjustment interval, and according to the saturation and the adjustment interval, The adjusted saturation is determined, and the saturation is adjusted according to the adjusted saturation.
  • the saturation is proportional to the adjustment interval.
  • the adjustment module 13 is configured to determine the size relationship between the hue and the preset hue division value, and determine the adjusted hue according to the hue, the size relationship and the preset hue adjustment factor. The hue is adjusted relative to the hue according to the adjusted color.
  • the adjustment module 13 is configured to determine a target brightness according to the brightness and a preset brightness adjustment factor, and adjust the brightness according to the target brightness.
  • the present application also provides an electronic device and a readable storage medium.
  • FIG. 13 it is a block diagram of an electronic device according to an embodiment of the present application.
  • Electronic devices are intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers.
  • Electronic devices can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices.
  • the components shown herein, their connections and relationships, and their functions are merely examples, and are not intended to limit the implementation of the embodiments of the present application described and/or required herein.
  • the electronic device includes: one or more processors 101, a memory 102, and interfaces for connecting various components, including a high-speed interface and a low-speed interface.
  • the various components are connected to each other using different buses, and can be installed on a common motherboard or installed in other ways as needed.
  • the processor may process instructions executed in the electronic device, including instructions stored in or on the memory to display graphical information of the GUI on an external input/output device (such as a display device coupled to an interface).
  • an external input/output device such as a display device coupled to an interface.
  • multiple processors and/or multiple buses can be used with multiple memories and multiple memories.
  • multiple electronic devices can be connected, and each device provides part of the necessary operations (for example, as a server array, a group of blade servers, or a multi-processor system).
  • a processor 101 is taken as an example.
  • the memory 102 is a non-transitory computer-readable storage medium provided by an embodiment of the application.
  • the memory stores instructions executable by at least one processor, so that the at least one processor executes the page display method provided in the embodiment of the present application.
  • the non-transitory computer-readable storage medium of the embodiment of the present application stores computer instructions, and the computer instruction is used to make a computer execute the page display method provided by the embodiment of the present application.
  • the memory 102 can be used to store non-transitory software programs, non-transitory computer-executable programs and modules, such as program instructions/modules in the embodiments of the present application.
  • the processor 101 executes various functional applications and data processing of the server by running non-transitory software programs, instructions, and modules stored in the memory 102, that is, implements the page display method in the foregoing method embodiment.
  • the memory 102 may include a program storage area and a data storage area.
  • the program storage area may store an application program required by the operating system and at least one function; the data storage area may store data created according to the use of the electronic device.
  • the memory 102 may include a high-speed random access memory, and may also include a non-transitory memory, such as at least one magnetic disk storage device, a flash memory device, or other non-transitory solid-state storage devices.
  • the memory 102 may optionally include a memory remotely provided with respect to the processor 101, and these remote memories may be connected to an electronic device through a network. Examples of the foregoing network include, but are not limited to, the Internet, corporate intranet, local area network, Block-chain-based Service Network (BSN), mobile communication network, and combinations thereof.
  • BSN Block-chain-based Service Network
  • the electronic device may further include: an input device 103 and an output device 104.
  • the processor 101, the memory 102, the input device 103, and the output device 104 may be connected by a bus or in other ways. In FIG. 13, the connection by a bus is taken as an example.
  • the input device 103 can receive input digital or character information, and generate key signal input related to the user settings and function control of the electronic device, such as a touch screen, a keypad, a mouse, a track pad, a touch pad, a pointing stick, one or more Input devices such as mouse buttons, trackballs, joysticks, etc.
  • the output device 104 may include a display device, an auxiliary lighting device (for example, LED), a tactile feedback device (for example, a vibration motor), and the like.
  • the display device may include, but is not limited to, a liquid crystal display (LCD), a light emitting diode (LED) display, and a plasma display. In some embodiments, the display device may be a touch screen.
  • Various implementations of the systems and techniques described herein can be implemented in digital electronic circuit systems, integrated circuit systems, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: being implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, the programmable processor It can be a dedicated or general-purpose programmable processor that can receive data and instructions from the storage system, at least one input device, and at least one output device, and transmit the data and instructions to the storage system, the at least one input device, and the at least one output device. An output device.
  • machine-readable medium and “computer-readable medium” refer to any computer program product, device, and/or device used to provide machine instructions and/or data to a programmable processor ( For example, magnetic disks, optical disks, memory, programmable logic devices (PLD)), including machine-readable media that receive machine instructions as machine-readable signals.
  • machine-readable signal refers to any signal used to provide machine instructions and/or data to a programmable processor.
  • the systems and techniques described here can be implemented on a computer that has: a display device for displaying information to the user (for example, a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) ); and a keyboard and a pointing device (for example, a mouse or a trackball) through which the user can provide input to the computer.
  • a display device for displaying information to the user
  • LCD liquid crystal display
  • keyboard and a pointing device for example, a mouse or a trackball
  • Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (for example, visual feedback, auditory feedback, or tactile feedback); and can be in any form (including Acoustic input, voice input, or tactile input) to receive input from the user.
  • the systems and technologies described herein can be implemented in a computing system that includes back-end components (for example, as a data server), or a computing system that includes middleware components (for example, an application server), or a computing system that includes front-end components (for example, A user computer with a graphical user interface or a web browser, through which the user can interact with the implementation of the system and technology described herein), or includes such back-end components, middleware components, Or any combination of front-end components in a computing system.
  • the components of the system can be connected to each other through any form or medium of digital data communication (for example, a communication network). Examples of communication networks include: Local Area Network (LAN), Block-chain-based Service Network (BSN), Wide Area Network (WAN), and the Internet.
  • the computer system can include clients and servers.
  • the client and server are generally far away from each other and usually interact through a communication network.
  • the relationship between the client and the server is generated by computer programs that run on the corresponding computers and have a client-server relationship with each other.
  • the embodiments of the present application also provide a page display aspect.
  • FIG. 14 is a schematic flowchart of a page display method provided by another embodiment of this application.
  • the method includes:
  • S1 Determine the color attribute corresponding to the theme color according to the theme color of the picture of the page to be displayed, where the color attribute is a color attribute, or the color attribute is an achromatic attribute.
  • the color attribute of the theme color is a color attribute or an achromatic attribute, so as to implement an adjustment strategy corresponding to the color attribute.
  • the color attribute of the theme color is a color attribute
  • brightness and hue can be directly processed with light and dark gradients to achieve diversification of the display.
  • the embodiments of the present application also provide a computer program, including program code.
  • program code executes the method described in any of the above embodiments.

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)
  • Image Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)

Abstract

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

Description

页面显示方法和装置、电子设备和存储介质
本申请要求于2020年04月08日提交中国专利局、申请号为CN202010269348.6、申请名称为“页面显示方法和装置、电子设备和存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及图像处理技术领域，尤其涉及计算机视觉技术领域，具体涉及一种页面显示方法和装置、电子设备和存储介质。
背景技术
随着互联网技术的发展，页面的显示也出现了多元化。
在现有技术中，对页面进行显示的方法主要包括：通过色彩量化算法提取页面的图片的主题色，确定主题色对应的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＝r 2其中，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 PCTCN2020133121-appb-000001
其中，α i对应色相H为i的亮度B的调整的映射示意图可参见图10。
也就是说，可以确定24色系的亮度B的调整值的列表，具体可参见表2，
表2：
色相H 0 15 30 45 ··· ··· 300 315 330 345
亮度调整值 α 1 α 2 α 3 α 4 ··· ··· α 21 α 22 α 23 α 24
在该步骤中，可以根据色相亮度区间确定相应的亮度调整值。
S13：根据色相、色相区间和色相区间对应的亮度调整值，确定调整后的亮度。
例如，在该步骤中，若色相H的色相区间为[H 1,H 2]，且，色相H具体等于H i，亮度调整值为α 1，则可通过式12确定调整后的亮度，式12：
Figure PCTCN2020133121-appb-000002
在本申请实施例中，充分考虑了色相H与亮度B之间的关联关系，使得调整后亮度充分体现主题色HSB的特性，从而使得页面显示在满足灵活性的同时，也能够符合图片的特性。
S14：根据调整后的亮度对亮度进行调整。
在该步骤中，相当于将亮度B调整至S13计算得到的调整后的亮度，具体的调整的方法可以参见现有技术，此处不再赘述。
在一些实施例中，对饱和度S进行调整的步骤包括：
S21：根据预设的饱和度和调节区间之间的映射关系，确定饱和度对应的调节区间，其中，在预设的饱和度和调节区间之间的映射关系中，饱和度与调节区间成正比。
其中，饱和度S和调节区间之间的映射关系，可以基于需求、经验和试验确定。
S22：根据饱和度和调节区间，确定调整后的饱和度。
例如，若调节区间为[S min,S max]，则：若饱和度S小于或等于S min，则调整后的饱 和度即为S min；若饱和度S大于S min，且饱和度S小于S max，则无需对饱和度S进行调整；若饱和度S大于或等于S max，则调整后的饱和度S即为S max。
在本申请实施例中，由于预先设置了饱和度和调节区间之间的映射关系，以便通过基于调节区间对相应的饱和度S进行调整，可以提高对饱和度S调整的效率，且可以实现对饱和度S调整的可靠性。
S23：根据调整后的饱和度对饱和度进行调整。
在一些实施例中，对色相进行明暗渐变处理包括：
S31：确定色相与预设色相分割值之间的大小关系。
例如，可以设置五个色相分割值，分别为H 1、H 2、H 3、H 4、H 5。且可以通过大小比对的方式，确定色相H与五个色相分割值之间的大小关系。
S32：根据色相、大小关系和预设的色相调整因子确定调整后的色相。
例如，若色相H小于或等于H 1，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H 1，且小于或等于H 2，则调整后的色相等于色相H与色相调整因子的差；若色相H大于H 2，且小于或等于H 3，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H 3，且小于或等于H 4，则调整后的色相等于色相H与色相调整因子的差；若色相H大于H 4，且小于或等于H 5，则调整后的色相等于色相H与色相调整因子的和；若色相H大于H 5，则调整后的色相等于色相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 (22)

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

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020227010670A KR20220047663A (ko) 2020-04-08 2020-12-01 페이지 표시 방법 및 장치, 전자기기 및 저장매체
EP20894910.7A EP3913477A4 (en) 2020-04-08 2020-12-01 PAGE DISPLAY METHOD AND DEVICE, ELECTRONIC DEVICE AND STORAGE MEDIA
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 (2)

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

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/367,016 Continuation US11830224B2 (en) 2020-04-08 2021-07-02 Page displaying method and apparatus, electronic device and storage medium

Publications (1)

Publication Number Publication Date
WO2021203720A1 true WO2021203720A1 (zh) 2021-10-14

Family

ID=71875914

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/133121 WO2021203720A1 (zh) 2020-04-08 2020-12-01 页面显示方法和装置、电子设备和存储介质

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 (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117315172A (zh) * 2023-09-22 2023-12-29 鲸数科技（北京）有限公司 地图页面配置方法、装置、电子设备与计算机可读介质

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111506287B (zh) 2020-04-08 2023-07-04 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质
CN113207023B (zh) * 2021-04-06 2023-05-02 深圳创维－Rgb电子有限公司 电视详情页背景变色处理方法、装置、设备及介质
CN115145442A (zh) * 2022-06-07 2022-10-04 杭州海康汽车软件有限公司 一种环境图像的显示方法、装置、车载终端及存储介质
CN116188608B (zh) * 2022-12-27 2024-03-12 上海元彩科技有限公司 一种在平面排列颜色的方法和装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104657465A (zh) * 2015-02-10 2015-05-27 腾讯科技（深圳）有限公司 一种网页的显示控制方法及装置
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术（北京）有限公司 一种页面主题色调的调整方法、装置、设备及介质
CN110609722A (zh) * 2019-08-09 2019-12-24 华为技术有限公司 一种暗模式显示界面处理方法、电子设备与存储介质
CN110673904A (zh) * 2018-07-03 2020-01-10 阿里巴巴集团控股有限公司 主题色彩处理、展示页面生成的方法、装置及设备
CN110865856A (zh) * 2018-08-27 2020-03-06 华为技术有限公司 一种界面元素颜色显示方法及装置
CN111506287A (zh) * 2020-04-08 2020-08-07 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质

Family Cites Families (12)

* 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
CN1295596C (zh) * 2003-12-25 2007-01-17 华为技术有限公司 网络设备中显示彩色字符的实现方法及其装置
US8417568B2 (en) * 2006-02-15 2013-04-09 Microsoft Corporation Generation of contextual image-containing advertisements
JP2009212841A (ja) * 2008-03-04 2009-09-17 Canon Inc 画像処理システム、画像処理装置、および画像処理方法
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
CN102622163B (zh) * 2011-03-14 2018-06-05 小米科技有限责任公司 一种图标生成方法
WO2014091280A1 (en) * 2012-12-13 2014-06-19 Nokia Corporation Adaptation of the display of items on a display
US9563695B2 (en) * 2013-12-26 2017-02-07 Google Inc. Personalized electronic magazine
CN106856542B (zh) 2016-12-27 2020-03-31 努比亚技术有限公司 根据壁纸颜色自动调节图标颜色的方法及装置
CN108206917B (zh) * 2017-12-29 2020-09-15 南京中兴新软件有限责任公司 图像处理的方法及装置、存储介质、电子装置
CN109859283B (zh) 2018-12-22 2024-01-09 Oppo广东移动通信有限公司 一种取色方法、取色装置、电子设备和可存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104657465A (zh) * 2015-02-10 2015-05-27 腾讯科技（深圳）有限公司 一种网页的显示控制方法及装置
CN110673904A (zh) * 2018-07-03 2020-01-10 阿里巴巴集团控股有限公司 主题色彩处理、展示页面生成的方法、装置及设备
CN110865856A (zh) * 2018-08-27 2020-03-06 华为技术有限公司 一种界面元素颜色显示方法及装置
CN109783182A (zh) * 2019-02-15 2019-05-21 百度在线网络技术（北京）有限公司 一种页面主题色调的调整方法、装置、设备及介质
CN110609722A (zh) * 2019-08-09 2019-12-24 华为技术有限公司 一种暗模式显示界面处理方法、电子设备与存储介质
CN111506287A (zh) * 2020-04-08 2020-08-07 北京百度网讯科技有限公司 页面显示方法和装置、电子设备和存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3913477A4

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117315172A (zh) * 2023-09-22 2023-12-29 鲸数科技（北京）有限公司 地图页面配置方法、装置、电子设备与计算机可读介质
CN117315172B (zh) * 2023-09-22 2024-04-12 鲸数科技（北京）有限公司 地图页面配置方法、装置、电子设备与计算机可读介质

Also Published As

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

Similar Documents

Publication Publication Date Title
WO2021203720A1 (zh) 页面显示方法和装置、电子设备和存储介质
KR102607137B1 (ko) 영상 프레임 처리 방법, 장치, 전자 기기, 저장 매체 및 프로그램
US20210272306A1 (en) Method for training image depth estimation model and method for processing image depth information
WO2021175180A1 (zh) 视线确定方法、装置、电子设备和计算机可读存储介质
US11436709B2 (en) Three-dimensional reconstruction method, electronic device and storage medium
CN113378911A (zh) 图像分类模型训练、图像分类方法及相关装置
WO2023050829A1 (zh) 视频帧处理方法、装置、电子设备以及存储介质
WO2022142876A1 (zh) 图像处理方法、装置、电子设备及存储介质
CN112016523B (zh) 跨模态人脸识别的方法、装置、设备和存储介质
CN109559319B (zh) 一种法线贴图的处理方法及终端
CN110070482B (zh) 图像处理方法、装置和计算机可读存储介质
WO2023103682A1 (zh) 图像处理方法、装置、设备及介质
CN111754435A (zh) 图像处理方法、装置、终端设备及计算机可读存储介质
TW202240535A (zh) 用於影像處理的方法及系統
CN113344213A (zh) 知识蒸馏方法、装置、电子设备及计算机可读存储介质
CN108182656B (zh) 一种图像处理方法及终端
CN111815535A (zh) 图像处理方法、装置、电子设备和计算机可读介质
US8391647B1 (en) Pixel replacement
CN111383238B (zh) 目标检测方法、目标检测装置及智能终端
US20210374436A1 (en) Image Processing Method, Apparatus, and Electronic Device
CN113221999B (zh) 图片标注的正确率获取方法、装置和电子设备
CN111756954B (zh) 图像处理方法、装置、电子设备和计算机可读介质
CN107025645A (zh) 一种图像处理方法及终端
CN114089994A (zh) 用于调整文本颜色的方法及装置
WO2024027090A1 (zh) 一种颜色校正矩阵优化方法、装置、电子设备及介质

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2020894910

Country of ref document: EP

Effective date: 20210608

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20894910

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2022515138

Country of ref document: JP

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 20227010670

Country of ref document: KR

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE