Rendering method, device, electronic device, and medium

Abstract

This specification discloses a rendering method, an apparatus, an electronic device, and a medium, which includes the steps of: determining colors of set areas on a target, the number of the set areas being at least a set number, and the set number being greater than 1; determining a target color to be superimposed on a target position based on the color of each set area; and superimposing the target color on the target position.

Description

[Technical field]

[0001] [Related Applications] This application claims priority to a Chinese patent application filed with the China Patent Office on September 18, 2021, with application number 202111101358.X, the entire contents of which are incorporated herein by reference.

[0002] The present disclosure relates to the field of computer technology, for example, to a rendering method, device, electronic device, and medium. [Background technology]

[0003] Man-machine interaction is the study of the interaction between a system and a user. Man-machines can interact with each other through a man-machine interface. Man-machine interface, also called user interface, is a medium and dialogue interface for transferring and exchanging information between humans and machines, and is an important part of computer systems. It is a medium of interaction and information exchange between the system and the user, and realizes the conversion between the internal form of information and the form acceptable to humans. Man-machine interface exists in all areas related to information exchange in man-machine information exchange.

[0004] In order to visually enhance the man-machine interaction experience, it is possible to enhance the atmosphere of the objects (pictures, software, videos, etc.) displayed in the man-machine interface. One way to enhance the atmosphere is to determine the color with the largest area in the selected target as the dominant color, and then extend the dominant color to the background. However, this solution has a technical problem that if the dominant color is selected incorrectly, the rendering result will be inharmonious. Summary of the Invention

[0005] The present disclosure provides a rendering method, device, electronic device, and medium that can enhance the rendering effect and improve the user's visual experience.

[0006] The present disclosure provides a rendering method, determining colors of set areas on the target, the number of the set areas being at least a set number, the set number being greater than one; determining a target color to be superimposed on the target position based on the color of each set region; and superimposing the target color on the target location to achieve rendering.

[0007] The present disclosure further provides a rendering apparatus, a determining module configured to determine colors of set areas on the target, the number of the set areas being at least a set number, the set number being greater than one; a target color determination module configured to determine a target color to be superimposed on the target position based on a color of each setting region; and a target color overlay module configured to overlay the target color at the target location to achieve rendering.

[0008] The present disclosure further provides an electronic device, one or more processing units; a storage device storing one or more programs; The one or more programs, when executed by the one or more processing devices, cause the one or more processing devices to implement the rendering method.

[0009] The present disclosure provides a computer readable medium having stored thereon a computer program which, when executed by a processing device, implements the above rendering method.

[0010] [Brief description of the drawings]

[0011] [Figure 1] 1 is a schematic flowchart of a rendering method provided in a first embodiment of the present disclosure; [Figure 1a] FIG. 2 is a schematic diagram of a picture display interface provided by the first embodiment of the present disclosure; [Figure 1b] FIG. 11 is a schematic diagram of another picture display interface provided by the first embodiment of the present disclosure; [Diagram 2] 11 is a schematic flowchart of a rendering method provided in Example 2 of the present disclosure. [Figure 2a] FIG. 11 is a schematic diagram showing the determination of a setting area of ​​the picture provided by Example 2 of the present disclosure; [Figure 2b] 11 is a schematic flowchart illustrating obtaining a first color provided by Example 2 of the present disclosure. [Figure 2c] FIG. 11 is a schematic diagram showing the steps of determining a target color superimposed on a target position provided by Example 2 of the present disclosure. [Figure 2d] FIG. 13 is a schematic diagram of the superimposition of a target color onto a background provided by Example 2 of the present disclosure. [Diagram 3] FIG. 11 is a structural schematic diagram of a rendering device provided by Example 3 of the present disclosure. [Figure 4] FIG. 11 is a structural schematic diagram of a rendering device provided by Example 4 of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0012] Hereinafter, the embodiments of the present disclosure will be described with reference to the accompanying drawings. Although the accompanying drawings show some embodiments of the present disclosure, the present disclosure can be implemented in various forms, and these embodiments are used for the purpose of understanding the present disclosure. The accompanying drawings and the embodiments of the present disclosure are for illustrative purposes only.

[0013] It should be understood that steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. Additionally, method embodiments may add steps and / or omit steps that are shown. The scope of the present disclosure is not particularly limited in this respect.

[0014] As used herein, the term "including" and variations thereof are open ended, i.e., meaning "including, but not limited to." The term "based on" means "based at least in part on." The term "in one embodiment" means "at least one embodiment," the term "in another embodiment" means "at least one other embodiment," and the term "in some embodiments" means "at least some embodiments." Relevant definitions of other terms are provided in the description below.

[0015] It should be noted that the concepts of "first", "second", etc. referred to in this disclosure are used to distinguish different devices, modules or units, and are not used to define the order or interdependence of functions performed by these devices, modules or units.

[0016] It should be noted that the modifications "one" and "multiple" referred to in the present disclosure are intended to be illustrative rather than limiting, and should be understood by one of ordinary skill in the art as "one or more" unless the context clearly indicates otherwise.

[0017] The names of messages or information rendered between multiple devices in the embodiments of the present disclosure are used for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0018] In the following examples, although each example shows optional features and examples, multiple features described in the examples can be combined to form multiple optional embodiments, and the numbered examples should not be regarded as one technical solution.

[0019] Example 1 FIG. 1 is a schematic flowchart of a rendering method provided in Example 1 of the present disclosure, which may be applied to enhance a target atmosphere feeling, and which may be executed by a rendering device, which is implemented by software and / or hardware and generally integrated into an electronic device, and in this embodiment, the electronic device may include devices such as a mobile phone, a personal digital assistant, a computer, etc.

[0020] As shown in FIG. 1, the rendering method provided in the first embodiment of the present disclosure includes the following steps:

[0021] S110, determining colors of set areas on the target, the number of the set areas being at least a set number, the set number being greater than one.

[0022] The target is considered to be an object displayed in the man-machine interface, where the target is not limited. It is sufficient that the target can create a sense of atmosphere. Exemplarily, the target may be a picture, a video, software, etc.

[0023] Illustratively, in this embodiment, the color of the target may be taken and rendered on the background on which the target is placed to enhance the mood of the target, or the color of the target may be taken and rendered on a layer below the text area of ​​the target to enhance the readability of the text.

[0024] The set region may be a region formed by set pixel points on the target. The number of the set regions is at least a set number, the set number is greater than 1, the set number may be preset by a user or automatically set by the system, and the set number may be 4, 5, 6, etc.

[0025] Exemplarily, the multiple set regions may be obtained from a surrounding region (eg, an edge) of the picture, for example, the multiple set regions may include end points or midpoints of sides of the target perimeter.

[0026] In this embodiment, the set area is not limited, and different rendering positions and different target sizes may correspond to different set areas.

[0027] For example, when rendering the background of a target, the multiple setting regions may include multiple pixel points set on the target edge. For example, when the target is a picture, the multiple setting regions may include pixels at the four vertices of the picture, the multiple setting regions may be square regions at the four corners of the picture, and each setting region may include multiple pixels, or the setting region may include one or more pixels at the midpoint of the long side of the picture.

[0028] For example, when rendering a target to enhance the readability of the target text, the means for selecting the set area may be the same as the means selected when rendering the background. The set area may be selected from the position where the text and the picture contact, and the position of the set area is not particularly limited in this embodiment. In this embodiment, the method for determining the text on the picture is not particularly limited, and the meaning of the text on the picture may be analyzed to determine the text for adjusting the atmosphere on the picture.

[0029] In this embodiment, the color of the setting area may be determined based on the number of pixels included in the setting area. If the setting area includes only one pixel, the color of the pixel may be determined as the color of the setting area. If the setting area includes multiple pixels, the color of the multiple pixels may be analyzed and processed to determine the color of the setting area. Here, the method of determining the color of the setting area based on the colors of the multiple pixels is not limited. For example, a dominant color among the multiple colors may be selected as the color of the setting area, an arbitrary color may be selected as the color of the setting area, or a color corresponding to the average value of the RGB values ​​corresponding to the multiple colors may be determined as the color of the setting area.

[0030] The setting areas of different targets may be in different positions, and in this embodiment, the color of the setting area may be determined after determining the setting area based on the size of the target.

[0031] Here, the means for determining the size of the target is not limited, and after determining the size of the target, the setting area to be selected may be determined on the picture based on the size of the target. For example, when determining the position of the setting area based on the size of the target, many setting areas may be selected in the direction of the longer side of the target. For example, in the case where the target is a picture, the number of selected setting areas on the longer side of the picture may be greater than the number of selected setting areas on the shorter side of the picture.

[0032] S120, determining a target color to be superimposed on the target position based on the color of each set region.

[0033] In this embodiment, the target position may be determined based on the content that needs to be rendered, and the target position is not limited. For example, when the background of the target needs to be rendered, the target position may be a layer between the layer where the target is located and the layer where the background of the target is located. When the rendering target is a target, the target position may be a layer between the layer where the target is located and the layer where the text on the picture is located.

[0034] For example, when the target is a picture, the target position may be a layer added between the layer where the picture is located and the layer where the background of the picture is located, or the target position may be a layer added between the layer where the picture is located and the layer where the text on the picture is located. The number of layers added may be one or two, and is not particularly limited in the embodiments of the present disclosure.

[0035] In one embodiment, the target is a picture, the target location includes a layer added between a layer in which the picture is located and a layer in which the background of the picture is located, and the set region is a region on the picture in the background, or the target location is a layer added between a layer in which the picture is located and a layer in which text on the picture is located. The picture may be entirely or partially in the background, and exemplarily, a pop-up window or panel may be displayed in the background, with a part of the picture being displayed in the background and a part being displayed in the panel. FIG. 1a is a schematic diagram of a picture display interface provided by the first embodiment of the present disclosure, and referring to FIG. 1a, a picture 1 is entirely displayed in a background 2. FIG. 1b is a schematic diagram of another picture display interface provided by the first embodiment of the present disclosure, and referring to FIG. 1b, a picture 3 may be partially displayed in a background 4 and a part in a panel 5.

[0036] If a picture is displayed entirely within the background, then the picture is considered to be all of the picture that is within the background.

[0037] When a picture is partially displayed within the background, the picture that is within the background may be a picture displayed only within the background, e.g., the shaded portion of picture 3 in Figure 1b, rather than a picture displayed in another control, panel or pop-up window on the background.

[0038] The step of determining a target color to be superimposed on the target position based on the color of each set region includes superimposing the colors of the multiple set regions on white with set opacity, then adjusting the saturation and brightness of the superimposed color in a Hue-Saturation-Brightness (HSB) mode to obtain an adjusted color, and finally setting the adjusted color as the target color.

[0039] Exemplarily, in one embodiment, the step of determining a target color to be superimposed at the target position based on the color of each set area includes superimposing the color of each set area on white at a first opacity to obtain a first color, adjusting the saturation of the first color to be within a saturation threshold range, and adjusting the brightness of the first color after the saturation adjustment to be within a brightness threshold range to obtain a first target color, wherein the target color includes the first target color.

[0040] The value of the first opacity is not particularly limited, and for example, the first opacity may be 20% or 30% opacity, the first color may be a color obtained by superimposing the color of each set area on white with the first opacity, and the first target color may be a color obtained by adjusting the saturation of the first color within a set saturation threshold range and adjusting the brightness within a set brightness threshold range. The saturation threshold range is regarded as a saturation threshold, and the brightness threshold range is regarded as a brightness threshold, and may be set in advance by a related operator or automatically set by the system, and the saturation threshold range and the brightness threshold range are not limited in this embodiment. For example, the saturation threshold range may be (20 60), and the brightness threshold range may be a saturation threshold range (30 60) brightness threshold range.

[0041] As another embodiment, the step of determining a target color to be superimposed on the target position based on the color of each setting region based on the first embodiment includes: The method includes superimposing the color of each setting area on white at a second opacity to obtain a second color, adjusting the saturation of the second color to be within the saturation threshold range, and adjusting the luminance of the second color after the saturation adjustment to be within the luminance threshold range to obtain a second target color, wherein the target color includes the first target color and the second target color.

[0042] The second opacity is greater than the first opacity, a difference between the second opacity and the first opacity is a set value, the second opacity is less than or equal to a first value, and the first opacity is greater than or equal to a second value, the first value being greater than the second value.

[0043] In this embodiment, the values ​​of the first opacity and the second opacity are not particularly limited, and the second opacity may be 30%, the first opacity may be 20%, the first value may be 60%, and the second value may be 10%. The set value is 10%.

[0044] The second color is the color obtained by superimposing the color of each set area on white at a second opacity, and the second target color is the color obtained by adjusting the saturation of the second color to be within a set saturation threshold range and adjusting the brightness to be within a set brightness threshold range.

[0045] The first and second opacities, the first and second values, the first and second colors, and the first and second target colors are used only for the purpose of distinguishing different objects and are not intended to be limiting in nature.

[0046] After the first target color and the second target color are determined, the first target color and the second target color may be superimposed on different layers at the target positions, respectively.

[0047] S130, superimposing the target color at the target position to achieve rendering.

[0048] The target color at the target position can be obtained by S120 above, and in this embodiment, rendering is achieved by superimposing the target color at the target position with different transparency.

[0049] The rendering is achieved by dividing the layer at the target position into different regions, and superimposing the target color with different transparency on each different region.

[0050] The layer at the target position is divided into region 1, region 2, and region 3, and the target color is superimposed on region 1, region 2, and region 3 with opacity 1, opacity 2, and opacity 3, respectively, to realize rendering. Opacity 1, opacity 2, and opacity 3 represent different opacities. The opacity in one region may be unique or different, for example, the magnitude of opacity in one region may be variable, and the variable manner is not limited.

[0051] Exemplarily, when the target position is a layer added between the layer where the picture is located and the layer where the background of the picture is located, the number of layers of the added layer may be two layers, and the target color includes a first target color and a second target color. First, dividing the layer area of ​​each layer includes dividing into a first area (e.g., area 1) from the background top to the picture top, a second area (e.g., area 2) from the picture top to the picture central axis, and a third area (e.g., area 3) from the picture central axis to the picture bottom.

[0052] Then, for each layer, we superimpose the target color with different transparency in different areas. The superimposition step is as follows: The second target color of a third opacity is superimposed on a first region corresponding to a bottom layer of two layers and a second region corresponding to the bottom layer, and the second target color is superimposed on a third region corresponding to the bottom layer, and the opacity of the second target color changes from a fourth opacity to the third opacity from the bottom of the picture to the central axis of the picture in the third region corresponding to the bottom layer, and the fourth opacity is smaller than the third opacity, where the third opacity and the fourth opacity are only used for the purpose of distinguishing different objects and are not substantially limited. The gradation from the fourth opacity to the third opacity may start from the fourth opacity and gradually increase to the third opacity with a constant opacity width, or may start from the fourth opacity and gradually increase to the third opacity by successive increments.

[0053] For example, if the fourth opacity is 0% and the third opacity is 75%, the opacity in the third region gradually increases from 0% to 75%. The amount of increase is not particularly limited, and may be fixed at 1%, or may increase gradually by 1%, 2%, 3%, etc. The amount of increase is not particularly limited.

[0054] A first target color having a gradation from a fifth opacity to a sixth opacity is superimposed on a first region corresponding to the top layer of the two layers from the background top to the picture top, the fifth opacity being greater than the sixth opacity, and the first target color having the sixth opacity is superimposed on a second region corresponding to the top layer and a third region corresponding to the top layer. Here, the fifth opacity and the sixth opacity are used only for the purpose of distinguishing different objects and are not substantially limited. The fifth opacity is 75% and the sixth opacity is 0%, and are not particularly limited.

[0055] For example, when the target position is a layer added between the layer where the picture is located and the layer where the text on the picture is located, the added layer is one layer, the target color includes a first target color, and the region of the layer is divided into a fifth region from the bottom of the text part to the top of the text part (or from the top of the text part to the bottom of the picture) and a fourth region other than the fifth region in the picture, and then the target color is superimposed with different transparency on the fourth region and the fifth region, respectively. The superimposition step is as follows: the first target color with a seventh opacity is superimposed on the fourth region, and the first target color is superimposed on the fifth region, and the opacity of the first target color is gradated from the eighth opacity to the ninth opacity from the bottom of the text to the top of the text in the fifth region. Here, the eighth opacity is smaller than the ninth opacity, and the seventh opacity, the eighth opacity, and the ninth opacity are used only for the purpose of distinguishing different objects, and are not substantially limited. The ninth opacity may be equal to the seventh opacity, where the seventh opacity is 75% and the eighth opacity is 0%.

[0056] In this embodiment, the setting of the opacity of the target color in each region is not particularly limited and may be any value, or may be a non-fixed value, such as the opacity of one region not being a fixed value, and the opacity value may be gradually changed to finally express a soft light atmosphere.

[0057] A first embodiment of the present disclosure provides a rendering method, which includes the steps of: determining colors of set areas on a target, where the number of the set areas is at least a set number, and the set number is greater than 1; determining a target color to be superimposed on a target position according to the color of each set area; and superimposing the target color on the target position to realize rendering. The method determines the target colors to be superimposed on the color target positions of multiple set areas on the target, thereby realizing rendering, enhancing the rendering effect, and improving the user's visual effect.

[0058] Example 2 2 is a schematic flowchart of a rendering method provided by Example 2 of the present disclosure, which is described based on the solution of the above Example. In this Example, the step of determining the color of a set area on a target includes: determining a size of a picture in the background, determining a set area of ​​the picture according to the size, and determining a color of the set area.

[0059] For a non-exhaustive description of this example, see Example 1.

[0060] As shown in FIG. 2, the rendering method provided by the second embodiment of the present disclosure includes: S210, determining a size of a picture within the background.

[0061] Determining the size of a picture within a background determines the subsequent setting region of said picture.

[0062] S220, determining a setting area of ​​the picture based on the size.

[0063] According to the size, the long side and short side of the picture are obtained by comparing the lengths of the sides on the picture, and a certain number of setting areas are selected on the long side and short side, respectively, where the number of selection setting areas on the long side is greater than the number of selection setting areas on the short side, and the sum of the number of selection setting areas on the long side and the number of selection setting areas on the short side is at least equal to the setting number.

[0064] In one embodiment, determining a set area of ​​the picture based on the size comprises: If a length of a first side of the picture characterized by the size is greater than a length of a second side, then a first number of set regions is selected on the first side and a second number of set regions is selected on the second side, the first number being greater than the second number, and a sum of the first number and the second number being at least a set number, the set number being six.

[0065] The first side represents the longest side among all side lengths on the picture, the first number is the number of selected set areas on the first side, the second side represents the shortest side among all side lengths on the picture, and the second number is the number of selected set areas on the second side. The first number is greater than the second number, and the sum of the first number and the second number is at least a set number, and the set number may be preset by a related operator or automatically set by the system, for example, the set number may be 4, 5, 6, etc., and the first side and the second side, the first number and the second number are only used for the purpose of distinguishing different objects, and are not substantially limited.

[0066] Illustratively, FIG. 2a is a schematic diagram of the determination of the setting area of ​​the picture provided by the second embodiment of the present disclosure. For example, as shown in FIG. 2a, the two longest sides, i.e., the two first sides, and the two short sides, i.e., the two shortest sides, on the picture can be obtained based on the size of the picture. If the setting number is 6, four setting areas A, C, D, and F can be taken at the four vertices of the picture, respectively, and then two setting areas B and E can be taken at the midpoints of the two longest sides, respectively, and the setting area of ​​the picture can be determined based on the size. For example, the colors of six 1-pixel (Pixel, px) can be selected at the edge of the picture to obtain six colors. When the six pixel points of the edge overlap and have no color (i.e., the three values ​​in red-green-blue (RGB) are equal, and the color is represented by black or white or gray), the color with the largest area in the picture can be selected as the dominant color. The setting area may be a square area, and each area includes multiple pixels, and the dominant color of the multiple pixels is selected as the color of the area. For example, each region may include 9 pixel grids, such as a 3*3 pixel grid.

[0067] S230, the color of the setting area is determined.

[0068] A plurality of set regions can be obtained by S220 above, and the color of each set region can be determined.

[0069] The following steps S2301 to S2305 described in this embodiment show the procedure for determining the color of each set area.

[0070] S2301: For each set region, it is determined whether the set region includes only one pixel. If the set region includes only one pixel, S2302 is executed. If the set region includes multiple pixels, S2303 is executed.

[0071] First, for each set region, the number of pixels contained in the set region is determined, and then the color of the currently set region is determined according to the number of pixels.

[0072] If the set area includes only one pixel, it is considered that the set area has only one color, and the color of this pixel can be determined as the current set area color of the set area.If the set area does not include only one pixel, it is considered that the set area includes at least two pixels, and in this case, the dominant color of the multiple pixels is used as the current set area color of the set area.

[0073] In step S2302, the color of the pixel is determined as the color of the currently set region, and the operation is completed.

[0074] S2303: The dominant color of the plurality of pixels is determined as the color of the currently set region.

[0075] The current setting region is considered to be the setting region of the currently determined color.

[0076] If there is no color after superimposing the colors of all the set areas, that is, if the three RGB values ​​of the color after superimposition are equal, the color of each set area needs to be updated. The following steps S2304 to S2307 show the procedure after updating the color of each set area.

[0077] In step S2304, the colors of all the set regions are superimposed, and the RGB values ​​of the color formed after the superimposition are calculated.

[0078] The colors of all the set regions are superimposed to obtain a superimposed color, and then the RBG value of the color formed after superimposition is calculated, and this RBG value is used to characterize the state of the color after superimposition, and the color of each subsequent set region is determined based on this RBG value.

[0079] S2305: Determine whether the three values ​​of the RBG values ​​of the color formed after superimposition are equal. If the three values ​​of the RBG values ​​of the color formed after superimposition are equal, execute S2306. If the three values ​​of the RBG values ​​of the color formed after superimposition are not equal, execute a step of determining a target color to be superimposed on the target position based on the color of each setting area.

[0080] In the above S2304, the RBG values ​​of the color formed after the superimposition are obtained, and the magnitudes of the three RBG values ​​of the formed color are compared to determine whether the three RBG values ​​are equal. If the three RBG values ​​are equal, the colors of all the set areas are superimposed to indicate that there is no color, in which case the dominant color of the target is selected as the color of each set area, i.e., the colors of the set areas are updated based on the dominant color of the target. If the three RBG values ​​are not equal, the colors of all the set areas are superimposed to indicate that there is a color, in which case the colors of the set areas are not updated.

[0081] S2306: The dominant color of the target is updated to the color of each set area.

[0082] In this embodiment, first the number of pixels in each set area is determined, and then the color of each set area is determined for each difference in the number of pixels. After that, the RGB values ​​of the color formed by superimposing the colors of all the set areas are calculated to determine whether the color of each set area needs to be adjusted. This improves the accuracy of determining the color of each set area, makes it possible to determine a more accurate target color, and obtain a better visual effect after superimposing based on the target color.

[0083] S240, a target color to be superimposed on the target position is determined based on the color of each set region.

[0084] In one embodiment, the step of determining a target color to be superimposed on the target position based on the color of each setting region includes: The method includes superimposing a color of each set area on white at a first opacity to obtain a first color, adjusting a saturation of the first color to be within a saturation threshold range, and adjusting a luminance of the first color after the saturation adjustment to be within a luminance threshold range to obtain a first target color, wherein the target color includes the first target color.

[0085] In one embodiment, the step of determining a target color to be superimposed on the target position based on the color of each of the setting regions includes: The method further includes superimposing the color of each set area on white at a second opacity to obtain a second color, adjusting the saturation of the second color to be within the saturation threshold range, and adjusting the brightness of the second color after the saturation adjustment to be within the brightness threshold range to obtain a second target color, wherein the target color includes the second target color, where the second opacity is greater than the first opacity, a difference between the second opacity and the first opacity is a set value, the second opacity is less than or equal to a first value, the first opacity is greater than or equal to a second value, and the first value is greater than the second value.

[0086] Illustratively, FIG. 2b is a schematic flowchart of obtaining a first color provided by Example 2 of the present disclosure. For example, as shown in FIG. 2b, when obtaining colors A, B, C, D, E, and F of six set areas in the above steps, the six colors are set to 20% opacity respectively and superimposed at 100% #FFFFFF to obtain color A1, and the six colors are set to 30% opacity respectively and superimposed at 100% #FFFFFF to obtain color B1.

[0087] The difference between the opacity set when obtaining B1 (second color) and A1 (first color) may be 10%, and the opacity set when obtaining B1 is greater than the opacity set when obtaining A1. The opacity of B1 is less than 60%, and the opacity of A1 is greater than 10%.

[0088] FIG. 2c is a schematic diagram of the step of determining the target color to be superimposed on the target position provided by Example 2 of the present disclosure. For example, as shown in FIG. 2c, the S value and B value of A1 are analyzed in the HSB mode, and the S (i.e., saturation) value and B (i.e., brightness) value of A1 are adjusted to 20 < S < 60 (i.e., saturation threshold range) and 30 < B < 60 (i.e., brightness threshold range) respectively to obtain color A2. The S value and B value of B1 are analyzed in the HSB mode, and the S value and B value of B1 are adjusted to 20 < S < 60 (i.e., saturation threshold range) and 30 < B < 60 (i.e., brightness threshold range) respectively to obtain color B2. The obtained A2, i.e., the first target color, and B2, i.e., the second target color, are used as the target colors to be superimposed on the target position. In the present disclosure, the adjustment means is not limited, as long as the adjusted saturation is within the saturation threshold range and the brightness is within the brightness threshold range.

[0089] The saturation threshold ranges corresponding to the first target color and the second target color may be the same or different, and the brightness threshold ranges corresponding to the first target color and the second target color may be the same or different. By restricting the saturation threshold range and the brightness threshold range, the appearance of the rendered result can be improved.

[0090] S250. To realize the rendering, the target color is superimposed on the target position.

[0091] After determining the target color to be superimposed on the target position, the layer at the target position may be divided into different regions, and the target color may be superimposed on each different region with different transparencies to realize the rendering.

[0092] For example, when the layer at the target position is one layer, the target color may be B2 or A2. Taking B2 as an example, for example, B2 with 75% opacity may be superimposed on area 1, and B2 may be superimposed on corresponding areas 2 and 3, increasing from bottom to top from 0% opacity to 75% opacity in 5% increments. For example, B2 with 75% opacity may be superimposed on area 1 and area 2, and B2 may be superimposed on area 3, increasing from bottom to top from 0% opacity to 75% opacity in 5% fixed increments.

[0093] FIG. 2d is a schematic diagram of the target color provided by Example 2 of the present disclosure being superimposed on a background. Referring to FIG. 2d, for example, when the target position has two layers, the target colors are A2 and B2. First, dividing the area of ​​each layer includes dividing it into area 1 from the top of the background to the top of the picture, area 2 from the top of the picture to the central axis of the picture, and area 3 from the central axis of the picture to the bottom of the picture; then, B2 with 75% opacity is superimposed on corresponding area 1 and area 2 of the bottom layer 12 of the two layers, and B2 is superimposed on area 3, and the opacity of B2 gradually increases from 0% opacity to 75% opacity in area 3 from the bottom of the picture to the central axis of the picture in increments of a fixed opacity of 5%; A2 which changes from 0% opacity to 75% opacity is superimposed on corresponding area 1 of the top layer 13 of the two layers from the top of the background to the top of the picture, and A2 with 0% opacity is superimposed on areas 2 and 3.

[0094] The second target color may be B2 and the first target color may be A2.

[0095] B2 may be superimposed below the text of the picture, and the opacity setting of B2 is not particularly limited, so please refer to the setting method adopted when superimposing it on the background. When B2 is superimposed below the text area, the target position may be aligned with the entire picture. For the division method of the target position, please refer to the division method when the target position is a layer added between the layer in which the picture is located and the layer in which the background of the picture is located.

[0096] For example, a region from the top of the picture to the top of the text area is a first region, a region from the top of the text area to the central axis of the text area is a second region, and a region from the central axis of the text area to the bottom of the picture area is a third region. When rendering each region, a second target color may be rendered in each region, and the opacity of each region may be set according to the setting method when the target position is a layer added between the layer in which the picture is located and the layer in which the background of the picture is located.

[0097] In FIG. 2 d , background 11 is at the bottom layer, bottom layer 12 of the two layers is at background 11 , top layer 13 of the two layers is at bottom layer 12 , and picture 14 is at top layer 13 .

[0098] In the present disclosure, the opacity of the target color in the first region, the second region, and the third region is not limited and may be any opacity.

[0099] In the present disclosure, the background color is calculated by taking the color of the set area of ​​the picture to calculate the target color to be superimposed on the target position, and the atmosphere of the man-machine screen displaying the picture is effectively improved. In this embodiment, the color is calculated by taking the colors of multiple points on the picture edge, and the color is adjusted to match the interface, thereby achieving a strong compatibility effect.

[0100] In the present disclosure, the target color is determined by taking the color of the picture edge, which makes the rendering result richer and more compatible with dark and light color modes, and also makes the boundary between the picture and background edges more consistent, and also supports full-screen scenarios.

[0101] After using the method provided by the present disclosure to render different pictures, the effect of each picture is different, and the rendering result can achieve a rich and colorful effect.

[0102] The present disclosure provides a two-layer overlap, i.e., two-layer gradation overlap, that can make the picture softer and more dynamic.

[0103] A second embodiment of the present disclosure provides a rendering method, which includes: determining a size of a picture in the background, determining a set area of ​​the picture according to the size, determining a color of the set area, determining a target color to be superimposed on a target position according to the color of each set area, and superimposing the target color on the target position to realize rendering. The method adaptively selects a corresponding set area according to the size of the target, and then determines the color of the set area, thereby improving the accuracy of determining the target color, improving the rendering effect, and improving the visual experience of the user.

[0104] Example 3 FIG. 3 is a structural schematic diagram of a rendering device provided by Example 3 of the present disclosure, which can be applied to rendering a screen, and which can be implemented by software and / or hardware and is generally integrated into an electronic device.

[0105] As shown in FIG. The system includes a determination module 310 configured to determine colors of set areas on a target, the number of the set areas being at least a set number, the set number being greater than one, a target color determination module 320 configured to determine a target color to be superimposed on a target position based on the color of each set area, and a target color superimposition module 330 to superimpose the target color on the target position to achieve rendering.

[0106] An embodiment of the present disclosure provides a rendering device, which determines target colors to be superimposed on color target positions of multiple setting areas on a target to achieve rendering, thereby enhancing the rendering effect and improving the visual effect of a user.

[0107] In one embodiment, the target is a picture, and correspondingly, the target location includes a layer added between the layer in which the picture is located and the layer in which a background of the picture is located, and the set area is an area on a picture within the background, or the target location is a layer added between the layer in which the picture is located and the layer in which text on the picture is located.

[0108] In one embodiment, the determination module 310: The apparatus includes a size determination unit configured to determine a size of a picture within the background, a setting area determination unit configured to determine a setting area of ​​the picture based on the size, and a color determination unit configured to determine a color of the setting area.

[0109] In one embodiment, the set region determining unit comprises: If a length of a first side of the picture characterized by the size is greater than a length of a second side, a first number of set regions is selected on the first side and a second number of set regions is selected on the second side, the first number being greater than the second number, and the sum of the first number and the second number being at least the set numbers.

[0110] In one embodiment, the set number is six, and the determination module 310: For each set area, if the set area includes one pixel, the color of the pixel is determined as the color of the set area, if the set area includes at least two pixels, the dominant color of the at least two pixels is determined as the color of the set area, and if three values ​​of the RBG values ​​of the color formed by superimposing the colors of all the set areas are equal, the color of each set area is updated to the dominant color of the target.

[0111] In one embodiment, the target color determination module 320 includes: A first color is obtained by superimposing a color of each set area on white with a first opacity, a saturation of the first color is adjusted to be within a saturation threshold range, and a luminance of the first color after the saturation adjustment is adjusted to be within a luminance threshold range to obtain a first target color, the target color including the first target color.

[0112] In one embodiment, the target color determination module 320 further comprises: A second color is obtained by superimposing the color of each set area on white with a second opacity, a saturation of the second color is adjusted to be within the saturation threshold range, and a brightness of the second color after the saturation adjustment is adjusted to be within the brightness threshold range to obtain a second target color, the target color including the second target color, where the second opacity is greater than the first opacity, a difference between the second opacity and the first opacity is a set value, the second opacity is less than or equal to a first value, the first opacity is greater than or equal to a second value, and the first value is greater than the second value.

[0113] In one embodiment, the target color overlay module 330 includes: The target colors are configured to be superimposed at the target locations with different degrees of transparency.

[0114] In one embodiment, the target color superimposition module 330 is configured to superimpose the target color at the target location with different transparency, and includes: When the target position is a layer added between a layer in which the picture is located and a layer in which a background of the picture is located, the number of layers added is two, and the layer added to each layer is divided into a first region from the top of the background to the top of the picture, a second region from the top of the picture to the central axis of the picture, and a third region from the central axis of the picture to the bottom of the picture, and the second target color of a third opacity is superimposed on the first region corresponding to the bottom layer and the second region corresponding to the bottom layer of the two added layers, and the second target color is superimposed on the third region corresponding to the bottom layer; The opacity of the second target color changes from a fourth opacity to the third opacity from the bottom of the picture to the picture center axis in a third region corresponding to the bottom layer, the fourth opacity being less than the third opacity, and the first target color is superimposed with a gradient from a fifth opacity to a sixth opacity from the top of the background to the top of the picture in a first region corresponding to the top layer of the two added layers, the fifth opacity being greater than the sixth opacity, and the first target color at the sixth opacity is superimposed on a second region corresponding to the top layer and a corresponding third region.

[0115] The rendering device can execute the rendering method provided by any embodiment of the present disclosure, and has function modules and effects corresponding to the execution method.

[0116] Example 4 FIG. 4 is a structural schematic diagram of an electronic device provided by the fourth embodiment of the present disclosure. FIG. 4 is a structural schematic diagram of an electronic device 400 suitable for implementing the embodiment of the present disclosure. The electronic device 400 in the embodiment of the present disclosure includes, but is not limited to, mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (PDA), tablet computers (Portable Android Devices, PAD), portable multimedia players (Portable Media Players, PMP), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs (Television, TV) and desktop personal computers. The electronic device 400 shown in FIG. 4 is merely an example and does not limit the functions and scope of use of the embodiment of the present disclosure in any way.

[0117] As shown in Fig. 4, the electronic device 400 includes one or more processing units (e.g., a central processing unit, a graphic processor, etc.) 401 that executes programs stored in a read-only memory (ROM) 402 or loaded from a storage device 408 into a random access memory (RAM) 403 to realize various suitable operations and processes. The one or more processing units 401 realize the methods provided by the present disclosure. In the RAM 403, a number of programs and data required for the operation of the electronic device 400 are further stored. The processing units 401, the ROM 402, and the RAM 403 are connected to each other via a bus 404. An input / output (I / O) interface 405 is also connected to the bus 404.

[0118] Typically, input devices 406 such as a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc., output devices 407 such as a liquid crystal display (LCD), speaker, vibrator, etc., storage devices 408 such as a magnetic tape, hard disk, etc., that store one or more programs, and communication devices 409 are connected to the I / O interface 405. The communication devices 409 may enable the electronic device to communicate wirelessly or by wire with other devices to exchange data. Although FIG. 4 illustrates the electronic device 400 with various devices, it is not necessary to implement or include all the devices illustrated. Alternatively, more or fewer devices may be implemented or included.

[0119] According to an embodiment of the present disclosure, the process described above with reference to the flowcharts may be implemented as a computer software program. For example, an embodiment of the present disclosure provides a computer program product including a computer program carried on a computer-readable medium, the computer program including program code for performing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication device 409, or may be installed from the storage device 408, or may be installed from the ROM 402. When the computer program is executed by the processing device 401, the above functions defined in the method of the embodiment of the present disclosure are realized.

[0120] The computer readable medium described in this disclosure may be a computer readable signal medium or a computer readable storage medium or any combination of both. The computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination. Examples of computer readable storage medium may be, but not limited to, an electrical connection having one or more conductors, a portable computer disk, a hard disk, a RAM, a ROM, an Erasable Programmable Read-Only Memory (EPROM or Flash memory), an optical fiber, a portable Compact Disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this disclosure, the computer readable storage medium may be any tangible medium that contains or stores a program, which may be used by or in combination with an instruction execution system, apparatus, or device. In this disclosure, the computer readable signal medium may include a data signal propagated in baseband or as part of a carrier, carrying the computer readable program code. Such propagated data signals include, but are not limited to, electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may be any computer-readable medium other than a computer-readable storage medium that transmits, propagates, or transfers a program used by or in combination with an instruction execution system, apparatus, or device. The program code contained in the computer-readable medium may be transferred by any suitable medium, such as, but not limited to, wire, fiber optic cable, radio frequency (Radio Frequency, RF), or the like, or any suitable combination of the above.

[0121] In some embodiments, clients and servers may communicate using any now known or later developed network protocol, such as HyperText Transfer Protocol (HTTP), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communications networks include a local area network ("Local Area Network, LAN"), a wide area network ("Wide Area Network, WAN"), an internetwork (e.g., the Internet), and an end-to-end network (e.g., an ad hoc end-to-end network), and any now known or later developed network.

[0122] The computer readable medium may be included in the electronic device 400 or may be separate and not integrated into the electronic device 400 .

[0123] One or more computer programs are stored in the computer-readable medium, and when the one or more programs are executed by a processing device, the following method is realized: determine colors of set areas on a target, where the number of the set areas is at least a set number, the set number being greater than one, determine a target color to be superimposed on a target position based on the color of each set area, and superimpose the target color on the target position.

[0124] The computer-readable medium stores one or more programs that, when executed by the electronic device, cause the electronic device 400 to execute computer program code written in one or more programming languages ​​or combinations thereof for performing the operations of the present disclosure, including object-oriented programming languages ​​(such as Java, Smalltalk, C++, etc.) and traditional procedural programming languages ​​(such as "C" or similar programming languages). The program code may run entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer via any kind of network, such as a LAN or WAN, or may be connected to an external computer (e.g., connected via the Internet using an Internet Service Provider).

[0125] The flowcharts and block diagrams in the accompanying drawings illustrate possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. Each box in the flowcharts or block diagrams may represent a module, program segment, or part of code, which includes one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions depicted in the boxes may occur in a different order than that depicted in the accompanying drawings. For example, two boxes depicted in succession may actually be executed substantially in parallel, or may be executed in reverse order depending on the related functionality. It should also be noted that each box in the block diagrams and / or flowcharts, and combinations of boxes in the block diagrams and / or flowcharts, may be implemented in a dedicated hardware-based system that performs the specified functions or operations, or in a combination of dedicated hardware and computer instructions.

[0126] The modules described in the embodiments of the present disclosure may be implemented by software or hardware, and the names of the modules do not constitute limitations on the modules themselves in a given context.

[0127] The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary hardware logic components that may be used include Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), Systems on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

[0128] In the context of this disclosure, a machine-readable medium may be a tangible medium that contains or stores a program used by or in combination with an instruction execution system, apparatus or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable medium. A machine-readable storage medium includes, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or any suitable combination thereof. Examples of machine-readable storage media include electrical connections based on one or more wires, portable machine disks, hard disks, RAM, ROM, EPROM or flash memory, optical fibers, CD-ROMs, optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0129] According to one or more embodiments of the present disclosure, Example 1 provides an interface rendering method, comprising: determining colors of set areas on the target, the number of the set areas being at least a set number, the set number being greater than one; determining a target color to be superimposed on the target position based on the color of each set region; and superimposing the target color on the target location to achieve rendering.

[0130] According to one or more embodiments of the present disclosure, Example 2 provides a method according to Example 1, the target is a picture, and correspondingly the target location includes a layer added between a layer in which the picture is located and a layer in which a background of the picture is located, and the set region is a region on the picture that is within the background; or The target location is a layer added between the layer in which the picture is located and the layer in which the text on the picture is located.

[0131] According to one or more embodiments of the present disclosure, Example 3 provides a method according to Example 2, The step of determining a color of a set area on the target includes: determining a size of a picture within the background; determining a set area of ​​the picture based on the size; determining a color of the set area.

[0132] According to one or more embodiments of the present disclosure, Example 4 provides a method according to Example 3, Determining a set area of ​​the picture based on the size includes: and if a length of a first side of the picture characterized by the size is greater than a length of a second side, selecting a first number of set regions on the first side and selecting a second number of set regions on the second side, the first number being greater than the second number, and the sum of the first number and the second number being at least the set numbers.

[0133] According to one or more embodiments of the present disclosure, Example 5 provides a method according to Example 3, The set number is six, and determining the color of the set region includes: for each set region, if the set region includes one pixel, determining a color of the pixel as a color of the set region, and if the set region includes at least two pixels, determining a dominant color of the at least two pixels as a color of the set region; If three of the RGB values ​​of a color formed by superimposing the colors in all the setting regions are equal, the color of each setting region is updated to the dominant color of the target.

[0134] According to one or more embodiments of the present disclosure, Example 6 provides a method according to Example 2, The step of determining a target color to be superimposed on a target position based on the color of each of the setting areas includes: superimposing the color of each set region on white at a first opacity to obtain a first color; adjusting a saturation of the first color within a saturation threshold range, and adjusting a luminance of the first color after the saturation adjustment within a luminance threshold range to obtain a first target color, wherein the target color comprises the first target color.

[0135] According to one or more embodiments of the present disclosure, Example 7 provides a method according to Example 6, comprising: superimposing the color of each set region on white with a second opacity to obtain a second color; adjusting a saturation of the second color within the saturation threshold range, and adjusting a luminance of the second color after the saturation adjustment within the luminance threshold range to obtain a second target color, wherein the target color comprises the second target color; Here, the second opacity is greater than the first opacity, a difference between the second opacity and the first opacity is a set value, the second opacity is less than or equal to a first value, the first opacity is greater than or equal to a second value, and the first value is greater than the second value.

[0136] According to one or more embodiments of the present disclosure, Example 8 provides a method according to Example 7, The step of superimposing the target color at the target position to achieve the rendering comprises: The method includes superimposing the target color at the target location with different transparency.

[0137] According to one or more embodiments of the present disclosure, Example 9 provides a method according to Example 8, comprising: The superimposing of the target color at the target location with different transparency may include When the target position is a layer added between a layer in which the picture is located and a layer in which a background of the picture is located, the number of layers of the added layer is two, and the layer added to each layer is divided into a first region from a top of the background to a top of the picture, a second region from the top of the picture to a central axis of the picture, and a third region from the central axis of the picture to a bottom of the picture; the second target color having a third opacity is superimposed on a first region corresponding to a bottom layer of the two added layers and a second region corresponding to the bottom layer, the second target color is superimposed on a third region corresponding to the bottom layer, the opacity of the second target color changes from a fourth opacity to the third opacity in the third region corresponding to the bottom layer from the bottom of the picture to the central axis of the picture, the fourth opacity being smaller than the third opacity; The first target color, gradient from a fifth opacity to a sixth opacity, is superimposed from the top of the background to the top of the picture in a first region corresponding to the top layer of the two added layers, the fifth opacity being greater than the sixth opacity, and the first target color at the sixth opacity is superimposed on a second region corresponding to the top layer and a third region corresponding to the top layer.

[0138] According to one or more embodiments of the present disclosure, Example 10 provides an interface rendering device, comprising: a determining module configured to determine colors of set areas on the target, the number of the set areas being at least a set number, the set number being greater than one; a target color determination module configured to determine a target color to be superimposed on the target position based on a color of each setting region; and a target color overlay module configured to overlay the target color at the target location to achieve rendering.

[0139] According to one or more embodiments of the present disclosure, Example 11 provides an electronic device, one or more processing units; A storage device storing one or more programs, When the one or more programs are executed by the one or more processing devices, the one or more processing devices implement the method according to any one of Examples 1-9.

[0140] According to one or more embodiments of the present disclosure, Example 12 provides a computer-readable medium having a computer program stored thereon, the program implementing the method according to any one of Examples 1 to 9 when executed by a processor.

[0141] Additionally, although operations are depicted using a particular order, this should not be construed as requiring that the operations be performed in the particular order depicted or sequentially. In certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the disclosure. Certain features described in the context of a single embodiment may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented in multiple embodiments individually or in any suitable subcombination.

Claims

1. determining colors for set areas on the target, where the number of the set areas is at least a set number, the set number being greater than one; determining a target color to be superimposed on the target position based on the color of each set region, superimposing the color of each set region on white at a first opacity to obtain a first color; and adjusting a saturation of the first color within a saturation threshold range, and adjusting a luminance of the first color after the saturation adjustment within a luminance threshold range to obtain a first target color, the target color comprising the first target color; and superimposing the target color on the target location to achieve the rendering.

2. the target is a picture, the target location includes a layer added between a layer in which the picture is located and a layer in which a background of the picture is located, and the set region is an area on the picture that is within the background; or The method of claim 1 , wherein the target location is a layer added between a layer in which the picture is located and a layer in which text on the picture is located.

3. The step of determining a color of a set area on the target includes: determining a size of the picture within the background; determining a set area of ​​the picture based on the size; The method of claim 2 , further comprising determining a color of the set area.

4. Determining a set area of ​​the picture based on the size includes:

4. The method of claim 3, comprising, if a length of a first side of the picture characterized by the size is greater than a length of a second side, selecting a first number of set regions on the first side and selecting a second number of set regions on the second side, where the first number is greater than the second number and the sum of the first number and the second number is at least the set number.

5. The set number is six, and determining a color of the set region includes: for each set region, if the set region includes one pixel, determining the color of the pixel as the color of the set region, and if the set region includes at least two pixels, determining the dominant color of the at least two pixels as the color of the set region; 4. The method according to claim 3, further comprising updating the color of each set region to the dominant color of the target when three of the red, blue, and green RGB values ​​of a color formed by superimposing the colors of all the set regions are equal.

6. The step of determining a target color to be superimposed on a target position based on the color of each of the setting areas includes: superimposing the color of each set region on white at a second opacity to obtain a second color; adjusting a saturation of the second color to fall within the saturation threshold range, and adjusting a luminance of the second color after the saturation adjustment to fall within the luminance threshold range to obtain a second target color, wherein the target color comprises the second target color; 3. The method of claim 2, wherein the second opacity is greater than the first opacity, a difference between the second opacity and the first opacity is a set value, the second opacity is less than or equal to a first value, the first opacity is greater than or equal to a second value, and the first value is greater than the second value.

7. The step of superimposing the target color at the target position to achieve the rendering comprises: The method of claim 6 , comprising superimposing the target color at the target location with different transparencies.

8. The superimposing of the target color at the target location with different transparency may include when the target position is a layer added between a layer in which the picture is located and a layer in which a background of the picture is located, the number of layers of the added layer is two, and the layer added to each layer is divided into a first region from a background top to a picture top, a second region from the picture top to a picture central axis, and a third region from the picture central axis to a picture bottom; superimposing the second target color of a third opacity on a first region corresponding to a bottom layer of the two added layers and a second region corresponding to the bottom layer, and superimposing the second target color on a third region corresponding to the bottom layer, wherein the opacity of the second target color changes from a fourth opacity to the third opacity from the bottom of the picture to the central axis of the picture in the third region corresponding to the bottom layer, and the fourth opacity is smaller than the third opacity; 8. The method of claim 7, further comprising: superimposing the first target color, graduated from a fifth opacity to a sixth opacity, from the top of the background to the top of the picture in a first region corresponding to a top layer of the two added layers, the fifth opacity being greater than the sixth opacity; and superimposing the first target color at the sixth opacity on a second region corresponding to the top layer and a third region corresponding to the top layer.

9. a determining module configured to determine colors of set areas on a target, where a number of the set areas is at least a set number, the set number being greater than one; and A target color determination module configured to determine a target color to be superimposed on the target position based on a color of each setting region, superimposing the color of each set region on white at a first opacity to obtain a first color; and a target color determination module, which adjusts a saturation of the first color within a saturation threshold range, and adjusts a luminance of the first color after the saturation adjustment within a luminance threshold range to obtain a first target color, the target color including the first target color; a target color overlay module configured to overlay the target color at the target location to achieve rendering.

10. At least one processing device; A storage device storing at least one program, An electronic device, wherein said at least one program, when executed by said at least one processing device, causes said at least one processing device to implement the rendering method according to any one of claims 1 to 8.

11. A computer readable storage medium storing a computer program, the computer program implementing the rendering method according to any one of claims 1 to 8 when executed by a processing device.

Images