Image processing method, device, equipment, computer readable storage medium and product

Abstract

Provided are an image processing method, device, equipment, computer readable storage medium and product. The method comprises: displaying a first interface, the first interface comprising a first image, a color card control and at least one editing control, the color card control comprising a plurality of color number components associated with the first image; in response to triggering the editing control, presenting, in the first interface, editing content generated based on the editing control, the editing content being associated with the first image; and performing an editing operation on the first image based on the editing content to obtain a third image. Thus, after generating the first image comprising a plurality of pixel color blocks based on the second image, the first image can be further edited according to actual requirements, thereby improving the image quality of the fourth image.

Description

Technical Field

[0001] This article relates to the fields of image processing and interface interaction technology, and in particular to an image processing method, apparatus, device, computer-readable storage medium and product. Background Technology

[0002] In related technologies, an increasing number of handicraft activities rely on pixel art. For example, Bead Art, a popular form of handicraft art, allows users to create three-dimensional artistic patterns by arranging colored plastic beads on a grid according to the coordinates on a pixel art sheet.

[0003] With the development of digital tools, users can select images according to their actual needs and input them into drawing generation tools to quickly generate pixel drawings. Summary of the Invention

[0004] This article provides an image processing method, apparatus, device, computer-readable storage medium, and product to solve the technical problems of low content quality and low editing efficiency of currently automatically generated pixel drawings.

[0005] Firstly, this paper provides an image processing method, including:

[0006] The first interface is displayed, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image.

[0007] In response to triggering the editing control, edited content generated based on the editing control is presented in the first interface, the edited content being associated with the first image;

[0008] The first image is edited based on the edited content to obtain the third image.

[0009] Secondly, this paper provides an image processing apparatus, comprising:

[0010] The display module is used to display a first interface, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image.

[0011] A presentation module is configured to, in response to triggering the editing control, present edited content generated based on the editing control in the first interface, the edited content being associated with the first image;

[0012] The editing module is used to perform editing operations on the first image based on the editing content to obtain a third image.

[0013] Thirdly, this article provides an electronic device, including: a processor and a memory;

[0014] The memory stores computer-executed instructions;

[0015] The processor executes computer execution instructions stored in the memory, causing the at least one processor to perform the image processing method as described in the first aspect and various possible designs of the first aspect.

[0016] Fourthly, this document provides a computer-readable storage medium storing computer-executable instructions that, when executed by a processor, implement the image processing method described in the first aspect and various possible designs of the first aspect.

[0017] Fifthly, this document provides a computer program product, including a computer program that, when executed by a processor, implements the image processing method described in the first aspect and various possible designs of the first aspect.

[0018] The image processing method, apparatus, device, computer-readable storage medium, and product provided herein display a first image generated from a second image, a color chart control, and at least one editing control on a first interface. This allows users to view the color codes associated with the first image and, by triggering the editing control, determine the editing content, which is then presented on the first interface. Therefore, quick editing operations on the first image can be performed based on this editing content. This enables further editing of the first image after it has been generated from the second image, according to actual needs, thereby improving the image quality of the third image. Attached Figure Description

[0019] To more clearly illustrate the technical solutions in this document or the prior art, the accompanying drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this document. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0020] Figure 1 This is a schematic diagram of the system architecture on which this article is based;

[0021] Figure 2 A flowchart illustrating the image processing method presented in this paper;

[0022] Figure 3 A schematic diagram of the display interface for the image processing method provided in this article;

[0023] Figure 4 A schematic diagram illustrating the user interface interaction of the image processing method provided in this paper;

[0024] Figure 5 A schematic diagram of the display interface for the image processing method provided in this article;

[0025] Figure 6 This is another schematic diagram of the interface interaction for the image processing method provided in this paper;

[0026] Figure 7 This is another schematic diagram of the interface interaction for the image processing method provided in this paper;

[0027] Figure 8 This is another schematic diagram of the interface interaction for the image processing method provided in this paper;

[0028] Figure 9 This is a schematic diagram of the image processing device provided in this article;

[0029] Figure 10 This is a schematic diagram of the electronic device provided in this article. Detailed Implementation

[0030] To make the objectives, technical solutions, and advantages of this document clearer, the technical solutions described below will be clearly and completely described in conjunction with the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments described herein, not all of them. All other embodiments obtained by those skilled in the art based on the embodiments described herein without inventive effort are within the scope of protection of this document.

[0031] It is understood that before using the technical solutions disclosed in the embodiments of this article, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this article in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.

[0032] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as electronic devices, applications, servers, or storage media, that perform the operations described herein, based on the prompt message.

[0033] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0034] It is understood that the above notification and user authorization process is merely illustrative and does not constitute a limitation on the implementation method described in this article. Other methods that comply with relevant laws and regulations may also be applied to the implementation method described in this article.

[0035] With the development of digital tools, AI-powered pixel art generation tools have gradually become an aid for creators. Their core function is to convert user-provided images into pixel art using AI algorithms. However, pixel art generated using these methods often produces rather limited results and cannot meet the actual needs of users.

[0036] In solving the aforementioned technical problems, the inventors discovered that, in order to generate higher-quality pixel drawings, after generating a first image comprising multiple pixel color blocks based on a second image, the first image, a color chart control associated with the first image, and at least one editing control can be displayed on a first interface. Therefore, the user can trigger the editing control according to actual needs to perform editing operations on the first image and obtain a third image.

[0037] Optionally, to allow users to more intuitively determine the current editing status, after determining the editing content based on the editing controls, the editing content can also be presented in the first interface.

[0038] Figure 1 This is a schematic diagram of the system architecture on which this article is based, such as Figure 1 As shown, the system architecture based on this paper includes at least a server 11 and a terminal device 12. The server 11 is communicatively connected to the terminal device 12, thus enabling the server 11 to interact with the terminal device 12.

[0039] Optionally, the terminal device 12 includes application software 13 for generating and editing the first image, and the terminal device 12 also includes a front-end display interface 14. The front-end display interface 14 can display the first image, a color card control, and at least one editing control. Users can interact with the terminal device 12 through human-computer interaction. Users can trigger operations on at least one editing control within the front-end display interface 14 to perform editing operations on the first image.

[0040] Furthermore, server 11 can generate a first image based on the second image, generate editable content based on user actions on at least one editing control, and edit the first image based on the editable content to generate a third image. The server then sends the first image, the editable content, and the fourth image to terminal device 12, enabling the front-end display interface 14 to display the aforementioned content.

[0041] As one possible approach, the system architecture described in this paper can also consist of only a terminal device. The terminal device can generate a first image based on a second image, generate editable content based on user-triggered operations on at least one editing control, and perform editing operations on the first image based on the editable content to generate a third image.

[0042] Figure 2 This is a flowchart illustrating the image processing method provided in this paper, such as... Figure 2 As shown, the method includes:

[0043] Step 201: Display the first interface, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image.

[0044] In some cases, a first image may be displayed on the first interface. This first image may be generated based on a second image determined by the user, or it may be manually drawn by the user according to actual needs, or it may be pre-stored by the user in a preset storage path. This article does not impose any restrictions on this.

[0045] For example, a user can select a second image based on their needs, and generate a first image from the second image. Since the first image is a pixel image, the user can also perform bead-based crafts using it. In the bead-based scenario, each pixel in the first image can display a color code. For example, this color code can consist of letters and numbers. Therefore, the user can accurately locate the colored plastic bead that needs to be filled in that pixel based on the color code.

[0046] Optionally, the first image may have a relatively simple display effect and cannot meet the actual needs of users. Therefore, at least one editing control can also be displayed in the first interface, so that users can perform further editing operations on the first image based on the editing control.

[0047] The first image is associated with different color codes. To make it easier for users to view the associated color codes of the first image more intuitively, a color card control can also be displayed in the first interface. The color card control includes multiple color code components associated with the first image.

[0048] Step 202: In response to triggering the editing control, the edited content generated based on the editing control is presented in the first interface, and the edited content is associated with the first image.

[0049] In some cases, after the editing controls are displayed in the first interface, the user can perform editing operations on the first image based on the editing controls.

[0050] Optionally, in response to a trigger operation on the editing control, the edit content generated based on the editing control can be determined. This edit content includes, but is not limited to, the editing area, the editing color code, and a third image. The third image can be an image selected by the user according to actual needs; it can be a pixel image, or it can be a regular image, etc.

[0051] Furthermore, to facilitate users in identifying the current editing content, the edited content generated based on the editing controls can also be presented in the first interface, with the edited content associated with the first image and / or the third image.

[0052] Step 203: Edit the first image based on the edited content to obtain the third image.

[0053] In some cases, after obtaining the content to be edited, the first image can be edited based on the content to obtain a third image. This editing operation includes, but is not limited to, color adjustment operations.

[0054] Figure 3 This is a schematic diagram of the display interface of the image processing method provided in this article, such as... Figure 3 As shown, the first interface 31 displays a first image 32, a color swatch control 33, and at least one editing control 34. The color codes in the color swatch control 33 are associated with the first image 32. The editing control 34 includes, but is not limited to, a selection control, a color swatch control 33, an add control, and a fill control.

[0055] The image processing method provided in this paper displays a first image generated from a second image, a color swatch control, and at least one editing control on a first interface. This allows users to view the color codes associated with the first image and, by triggering the editing control, determine the editing content, which is then presented on the first interface. Therefore, quick editing operations on the first image can be performed based on this editing content. This enables further editing operations on the first image after generating a first image containing multiple pixel color blocks from the second image, according to actual needs, thereby improving the image quality of the third image.

[0056] Optionally, based on any of the above embodiments, the first image is a pixel image generated based on the second image, and the method further includes:

[0057] The first control is displayed within the second interface.

[0058] In response to triggering the first control, retrieve the second image.

[0059] In response to a generation operation triggered within the second interface, a first image is generated based on the second image.

[0060] In some cases, users can determine a second image based on actual needs and generate a first image based on the second image.

[0061] Optionally, users can view the second interface through preset trigger actions. For example, users can search for keywords related to the second interface in the application software, displaying trigger controls associated with the second interface. The second interface is displayed in response to the trigger control's activation. Alternatively, users can view media content related to the interactive theme, which carries trigger controls associated with the second interface. The second interface is displayed in response to the trigger control's activation. This interactive theme is associated with an image generation chain that generates a first image based on a second image.

[0062] Optionally, the first control can be displayed within the second interface, allowing the user to obtain the second image by triggering the first control. This second image can be captured by the user in real-time, or it can be uploaded to a preset storage path; this document does not impose any restrictions on this.

[0063] Furthermore, after acquiring the second image, a generation operation can be triggered within the second interface to generate the first image based on the second image. A generation control can be displayed within the second interface, and the generation operation can be triggered by activating this control.

[0064] The first image can be generated using any algorithm that can generate pixel images based on ordinary images; this paper does not impose any restrictions on this.

[0065] The image processing method presented in this paper displays a first control within a second interface, allowing users to obtain a second image by triggering the first control, and then quickly generate a first image based on that second image. This makes the generated first image more closely match the user's actual needs.

[0066] Furthermore, based on any of the above embodiments, the method further includes:

[0067] At least one second control is displayed in the second interface. The second control is used to configure image association information, which includes one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size.

[0068] In response to triggering the second control, obtain image association information.

[0069] In response to a generation operation triggered within the second interface, a first image is generated based on the second image, including:

[0070] In response to the generation operation, a first image is generated based on the second image and image association information.

[0071] In some cases, to ensure that the generated first image better matches the user's actual needs, the second interface can also display at least one second control. This second control is used to configure image association information. This second control includes, but is not limited to, pixel style controls, width / length adjustment controls, and color number adjustment controls.

[0072] Furthermore, the user can obtain image association information by triggering the second control. This image association information includes one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size. Therefore, a first image can be generated based on the second image and the image association information.

[0073] Figure 4 This is a schematic diagram of the interface interaction of the image processing method provided in this article, such as... Figure 4 As shown, the second interface 41 includes a first control 42. In response to a trigger operation on the first control 42, a second image 43 can be acquired. The second image 43 and at least one second control 44 are displayed within the second interface 41, thus enabling the user to determine image association information based on at least one second control 44. The second control 44 includes, but is not limited to, pixel style controls, width / length adjustment controls, and color number quantity adjustment controls.

[0074] It should be noted that the image processing method provided in this paper can be applied to application software on the terminal device side, or it can also be applied to application software on the device side; this paper does not impose any restrictions on this.

[0075] The image processing method provided in this paper displays at least one second control in a second interface, so that users can configure image association information based on the at least one second control, and then generate a first image based on the second image and the image association information, thereby improving the image quality of the first image.

[0076] Optionally, based on any of the above embodiments, step 201 includes:

[0077] The switching controls are displayed on the second interface.

[0078] In response to the triggering of the toggle control, the first interface is displayed.

[0079] In some cases, after the first image is generated, the user can further edit it within the first interface; therefore, a switching control can be displayed on the second interface. The first interface is displayed in response to a triggering operation on the switching control. The first image is then presented on the first interface.

[0080] Alternatively, users can trigger the switching control to directly enter the first interface and draw the first image within the first interface; this article does not impose any restrictions on this.

[0081] Figure 5 This is a schematic diagram of the display interface of the image processing method provided in this article, such as... Figure 5 As shown, the second interface 51 also displays a switching control 52. Therefore, the user can trigger the switching control 52 to display the first interface 53. Thus, the user can perform operations such as generating and editing the first image within the first interface.

[0082] The image processing method presented in this paper allows for flexible switching of the generation method of the first image by displaying a switching control on a second interface. Furthermore, after generating the first image on the second interface, the switching control can be triggered to display the first interface, where further editing operations can be performed on the first image.

[0083] Optionally, based on any of the above embodiments, the method further includes:

[0084] The first interface displays a blank pixel drawing and allows you to add controls.

[0085] In response to the trigger to add a control, retrieve the second image.

[0086] A second image is presented on the pixel drawing.

[0087] In response to triggering the fill control in the first interface, the corresponding pixel color block in the pixel drawing is filled with color based on the color associated with the second image to obtain the first image, wherein the color associated with the second image is associated with multiple color codes in the color card control.

[0088] In some situations, triggering this switching control can directly take you to the first interface, which displays a blank pixel drawing and allows you to add controls. Therefore, users can draw the first image on the pixel drawing according to their actual needs. Alternatively, users can trigger the add control to obtain a second image.

[0089] Furthermore, after acquiring the second image, it can be displayed on the pixel drawing. The first interface also includes a fill control; in response to a trigger operation on the fill control within the first interface, the corresponding pixel color blocks in the pixel drawing are filled with color based on the color associated with the second image to obtain the first image. The color associated with the second image is linked to multiple color codes in the color chart control.

[0090] The image processing method presented in this paper displays a blank pixel drawing and adds controls within a first interface. Users can obtain a second image by triggering the add controls, and then, based on the triggering operation of the fill control, fill the corresponding pixel blocks in the pixel drawing with colors associated with the second image to obtain a first image. Therefore, it can quickly and accurately generate a first image containing multiple pixel blocks based on the second image.

[0091] Furthermore, based on any of the above embodiments, the editing control includes a selection control, and step 202 includes:

[0092] In response to triggering the selection control, the first image is switched to an optional state.

[0093] In response to the user's selection action within the first interface, the selected editing area is displayed on the first interface.

[0094] In some cases, the editing control includes a selection control, which allows the user to flexibly select any area in the first image for editing operations.

[0095] Optionally, in response to a triggering operation on the selection control, the first image is switched to a selectable state. In the selectable state, the user can trigger a selection operation within the first interface. This selection operation can be achieved through gestures such as dragging or swiping. For example, the starting position of the user's gesture operation on the first image can be determined, the starting position can be connected as a diagonal, a rectangular area can be drawn based on this diagonal, and this rectangular area can be used as the editing area.

[0096] Furthermore, to allow users to view the currently selected area more intuitively, the selected editing area can be displayed on the first screen in response to the selection operation.

[0097] The image processing method presented in this paper displays a selection control within a first interface, allowing users to choose any region in the first image as the editing area according to their actual needs. This editing area is then displayed on the first interface. This enables users to select the editing area more flexibly and view the currently selected editing area more intuitively, thereby improving the editing efficiency of the first image.

[0098] Furthermore, based on any of the above embodiments, step 203 includes:

[0099] Use the color number that meets the first condition in the editing area as the editing color number.

[0100] Based on the edit color number, locate at least one first color block in the editing area, and the color difference between the color number associated with the first color block and the edit color number satisfies the second condition.

[0101] A third image is obtained by performing a color fill operation on at least one first color block based on the edit color code.

[0102] In some cases, to achieve a smoother and more harmonious color scheme in the first image, after selecting the editing area, the color number within that area that meets a first condition can be designated as the editing color number. This first condition could be, for example, selecting the color with the largest color proportion within the editing area as the editing color number. Alternatively, the first condition could be, for example, selecting the color number currently chosen by the user as the editing color number.

[0103] Furthermore, at least one first color block can be located in the editing area based on the edited color number, and the color difference between the color number associated with the first color block and the edited color number satisfies a second condition. This second condition can be either that the color difference exceeds a difference threshold, or that the color number associated with the first color block and the edited color number belong to different hues.

[0104] Therefore, after determining the editing color code and at least one first color block, a color filling operation can be performed on at least one first color block based on the editing color code to obtain a third image.

[0105] Figure 6 This is another interactive diagram of the image processing method provided in this paper, such as... Figure 6 As shown, the first interface 61 displays a first image 62 and a selection control 63. In response to a trigger operation on the selection control 63, the first image is switched to an selectable state. Therefore, the user can select the first image, and the currently selected editing area 64 is displayed on the first interface 61.

[0106] Furthermore, the editing area 64 includes multiple pixel color blocks, which are associated with multiple different color codes. Therefore, the color code in the editing area 64 that satisfies the first condition can be determined as the editing color code. This editing color code can be the color code with the largest color proportion in the editing area. Based on the editing color code, at least one first color block 65 is located in the editing area 64, and the color difference between the color code associated with the first color block 65 and the editing color code satisfies the second condition. For example, the color code associated with the first color block 65 may not belong to the same hue as the editing color code. Therefore, a color filling operation can be performed on at least one first color block 65 based on the editing color code to obtain the third image 66. In the fourth image 66, all color blocks in the editing area 64 are adjusted to the editing color code.

[0107] The image processing method presented in this paper, after determining the editing area, performs a color filling operation on at least one first color block within the editing area based on the editing color number that meets a first condition. This enables rapid color adjustment of the editing area, improving image editing efficiency. Furthermore, it also makes the colors of the first image more harmonious.

[0108] Optionally, based on any of the above embodiments, the editing control includes a color swatch control, and in response to a trigger operation on the editing control, displays edited content generated based on the editing control in the first interface, including:

[0109] In response to the triggering of the color code component, at least one second color block in the first image is displayed differently, and the color code associated with the second color block is consistent with the currently triggered color code component.

[0110] In some cases, the editing control includes a color swatch control, which contains multiple color code components. The color codes associated with each color code component correspond to the first image. Users can more intuitively view all the second color patches associated with a given color code component by triggering that component.

[0111] Optionally, in response to a triggering operation on the color code component, at least one second color block in the first image is displayed differently, wherein the color code associated with the second color block is consistent with the currently triggered color code component. This distinguishing display can be any display method that distinguishes the second color block from other color blocks, such as highlighting or magnifying; this document does not impose any restrictions on this method.

[0112] For example, in the process of playing Souvenir, users can select colored plastic beads of the corresponding color based on the color card control to fill the corresponding grid. However, the same color is often distributed in different positions in the first image. Therefore, users need to frequently pick up colored plastic beads of the same color, which is often cumbersome. By triggering the color number component, at least one second color block in the first image is displayed differently, so users can fill all color blocks of that color number with a single pick, improving the efficiency of Souvenir.

[0113] Figure 7 This is another interactive diagram of the image processing method provided in this paper, such as... Figure 7 As shown, the first interface 71 displays a first image 72 and a color card control 73. The color card control 73 includes multiple color number components 74, and the color number associated with the color number component 74 matches the first image.

[0114] Optionally, the user can trigger any color code component 74 according to actual needs. In response to the triggering operation, at least one second color block 75 in the first image 72 can be displayed differently. The color code associated with the second color block 75 is consistent with the currently triggered color code component 74.

[0115] The image processing method presented in this paper displays color swatches within a first interface. Users can then view at least one second color patch in the first image that matches any of the currently triggered color number components by triggering that component. This allows users to more intuitively and centrally view the color patches associated with each color number, providing a foundation for color editing of these patches.

[0116] Furthermore, based on any of the above embodiments, step 203 includes:

[0117] In response to a user-triggered editing operation, a color adjustment operation is performed on at least one second color block to obtain a third image.

[0118] In some cases, after distinguishing at least one second color block in the first image that is consistent with the currently triggered color component, the user can adjust the color of at least one second color block according to actual needs, so that the presented color effect is more in line with the user's actual needs, and obtain a third image.

[0119] Users can adjust the colors of some of the second color blocks, or they can adjust the colors of all the second color blocks; this article does not impose any restrictions on this.

[0120] The image processing method presented in this paper performs color adjustment operations on at least one second color block in response to user-triggered editing operations, thereby enabling the color effect of the fourth image to better meet user needs and improve user experience.

[0121] Optionally, based on any of the above embodiments, editing the control includes adding a control, and step 202 includes:

[0122] In response to the trigger to add a control, retrieve the fourth image.

[0123] The first image and the fourth image are displayed in the first display area of ​​the first interface, and the transparency of the first image and / or the fourth image is less than a first threshold.

[0124] In some cases, the editing control includes an add control, which allows the user to obtain a fourth image.

[0125] Optionally, in response to a triggering operation on the added control, a fourth image is acquired. This fourth image can be pre-stored in a preset storage path, or it can be captured by the user in real time according to actual needs; this document does not impose any restrictions on this.

[0126] Furthermore, a first image and a fourth image can be displayed in a first display area of ​​the first interface, and the transparency of the first image and / or the fourth image is less than a first threshold. The first image and the fourth image can be displayed in the same display position; the first image can be displayed on top of the fourth image, or vice versa.

[0127] When the first image and the fourth image are displayed simultaneously, the transparency of the upper image can be less than a first threshold, where the first threshold can be 1. Because the transparency of the upper image is less than the first threshold, the lower image can be seen through the upper image. Therefore, the user can view the first image and the fourth image simultaneously, and thus can perform editing operations on the first image based on the fourth image.

[0128] The image processing method provided in this paper allows users to add a fourth image within a first interface by displaying an add control. Furthermore, it enables the simultaneous display of both the first and fourth images within the first display area, facilitating the user's use of the fourth image as a reference for editing the first image.

[0129] Furthermore, based on any of the above embodiments, step 203 includes:

[0130] In response to triggering the color code component, use the color code associated with the color code component as the drawing color code.

[0131] In response to a drawing operation triggered by the user on the first image, a third image is obtained by performing a color filling operation on multiple pixel color blocks associated with the drawing operation based on the drawing color number, wherein the drawing operation is generated based on the fourth image.

[0132] In some cases, users can perform drawing operations based on the first image according to actual needs. After displaying the color swatch control in the first interface, users can select the current drawing color number by triggering the color swatch control.

[0133] Furthermore, after displaying the first image and the fourth image simultaneously in the first display area, since the transparency of the first image and / or the fourth image is less than the first threshold, the user can view the display content of the first image and the fourth image at the same time.

[0134] For example, after a user selects the fourth image, it can be displayed within the first display area. The first image can be displayed on top of the fourth image. The transparency of the first image can be less than 1, meaning it is not an opaque layer. Therefore, the user can see the fourth image underneath through the first image.

[0135] Therefore, users can perform drawing operations based on the fourth image. For example, users can draw outlines based on the contours of the fourth image, or they can adjust the colors of the first image based on the colors of the fourth image; this document does not impose any restrictions on these operations. In response to a drawing operation triggered by the user on the first image, a color filling operation is performed on multiple pixel color blocks associated with the drawing operation based on the drawing color number to obtain the third image.

[0136] The image processing method presented in this paper determines the current drawing color number and performs drawing operations on the first image based on the fourth image. Therefore, the fourth image can be used as a reference image to perform editing operations on the first image, which improves the accuracy and efficiency of image editing.

[0137] Optionally, based on any of the above embodiments, the edit control further includes a fill control, and the method further includes:

[0138] At least one first region is presented in the first image. The first region is a closed region composed of multiple pixel color blocks of a first color number, and the closed region includes at least one pixel color block of a second color number.

[0139] In response to the user triggering the fill control, the system performs a color fill operation on at least one pixel block of a second color number based on the first color number to obtain a third image.

[0140] In some cases, the editing control also includes a fill control. Users can use this fill control to quickly fill multiple pixel blocks with color.

[0141] Optionally, the first image includes at least one first region, wherein the first region is a closed region composed of multiple pixel blocks of a first color number, and the closed region includes at least one pixel block of a second color number.

[0142] In other cases, the first region may be automatically generated based on the second image, or it may be manually drawn by the user in the first image according to actual needs; this article does not impose any restrictions on this.

[0143] Furthermore, the user can trigger an operation on the fill control. After triggering, the user can also trigger an operation on any of the first regions. In response to this triggering operation, a color fill operation can be performed on at least one pixel block of a second color number based on the first color number to obtain a third image.

[0144] Figure 8 This is another interactive diagram of the image processing method provided in this paper, such as... Figure 8As shown, the first interface 81 displays a first image 82 and a fill control 83. The first image 82 includes at least one first region 84, which is a closed area composed of multiple pixel blocks of a first color number, and includes at least one pixel block of a second color number. In response to the user triggering the fill control 83, the first region 84 is activated, and a color fill operation is performed on at least one pixel block of the second color number based on the first color number to obtain a third image.

[0145] The image processing method provided in this paper, by displaying a fill control in the first interface, enables more rapid color adjustment of at least one pixel block of a second color number within a closed area, thereby improving image editing efficiency.

[0146] Furthermore, based on any of the above embodiments, the method further includes:

[0147] The fourth image and at least one adjustment control are displayed within the third interface.

[0148] In response to triggering the adjustment control, retrieve the adjustment element, which includes at least one of the following: filter element, template element, text element, and sticker element.

[0149] The fourth image is adjusted based on the adjustment elements to obtain the adjusted fifth image.

[0150] In response to the publish operation triggered by the fifth image, publish the fifth image.

[0151] In some cases, after completing the editing of the first image and obtaining the third image, the user can also publish the fourth image in the application software.

[0152] Optionally, a fourth image can be displayed in the third interface. A completion control can be displayed in the first interface, and the third interface is displayed in response to a triggering operation on the completion control after the editing operation on the first image is completed.

[0153] Furthermore, to improve the image quality of the published fourth image, the third interface can also display at least one adjustment control. In response to a trigger operation on the adjustment control, an adjustment element is obtained, which includes at least one of a filter element, template element, text element, and sticker element. Therefore, after obtaining the adjustment element, adjustments can be performed on the fourth image based on that adjustment element to obtain the adjusted fifth image.

[0154] For example, in response to a triggering action on the adjustment controls associated with a filter, multiple preset filters can be displayed. The user can select any preset filter as the current filter element and adjust the fourth image based on the filter element.

[0155] In other scenarios, a publishing control can be provided on the third interface, allowing users to publish the fifth image by triggering the publishing control. After publication, other users can view the fifth image and perform further interactive operations based on it. These interactive operations include, but are not limited to, liking, commenting, saving, and downloading.

[0156] For example, the fourth image could be a Perler bead image generated by the user based on the second image. The user can then arrange the colored plastic beads on a grid according to the coordinates on the Perler bead image, ultimately creating a three-dimensional artistic pattern. After the user publishes the fifth image, other users can download it and complete their Perler bead crafts based on it.

[0157] The image processing method presented in this paper displays a fourth image and at least one adjustment control within a third interface. Therefore, after generating the fourth image, further adjustments can be made to it, and an adjusted fifth image can be published. This enriches the interaction methods based on the fourth image, enabling users to interact with other users based on the fourth image.

[0158] Figure 9 This is a schematic diagram of the image processing device provided in this article, such as... Figure 9 As shown, the device includes: a display module 91, a presentation module 92, and an editing module 93. The display module 91 displays a first interface, which includes a first image, a color chart control, and at least one editing control. The color chart control includes multiple color number components associated with the first image. The presentation module 92, in response to triggering the editing control, presents edited content generated based on the editing control in the first interface. The edited content is associated with the first image. The editing module 93 performs editing operations on the first image based on the edited content to obtain a third image.

[0159] Furthermore, based on any of the above embodiments, the image processing apparatus further includes: a display module for displaying a first control within a second interface; an acquisition module for acquiring a second image in response to triggering the first control; and a generation module for generating a first image based on the second image in response to a generation operation triggered within the second interface.

[0160] Furthermore, based on any of the above embodiments, the image processing apparatus further includes: a display module, configured to display at least one second control within a second interface, the second control being used to configure image association information, the image association information including one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size; an acquisition module, configured to acquire the image association information in response to triggering the second control; and a generation module, configured to: generate a first image based on the second image and the image association information in response to a generation operation.

[0161] Furthermore, based on any of the above embodiments, the display module is configured to: display a switching control on the second interface; and display the first interface in response to triggering the switching control.

[0162] Furthermore, based on any of the above embodiments, the image processing apparatus further includes: a display module for displaying a blank pixel drawing and adding controls within a first interface; an acquisition module for acquiring a second image in response to triggering the adding controls; a presentation module for presenting the second image on the pixel drawing; and a fill module for filling corresponding pixel color blocks in the pixel drawing with color based on the color associated with the second image in response to triggering the fill control within the first interface, thereby obtaining the first image, wherein the color associated with the second image is associated with multiple color codes in a color card control.

[0163] Furthermore, based on any of the above embodiments, the editing control includes a selection control and a presentation module, configured to: switch the first image to an selectable state in response to triggering the selection control; and present the selected editing area in the first interface in response to a user's selection operation within the first interface.

[0164] Further, based on any of the above embodiments, the editing module is configured to: use a color number in the editing area that satisfies a first condition as an editing color number; locate at least one first color block in the editing area based on the editing color number, wherein the color difference between the color number associated with the first color block and the editing color number satisfies a second condition; and perform a color filling operation on the at least one first color block based on the editing color number to obtain a third image.

[0165] Furthermore, based on any of the above embodiments, the editing control includes a color card control and a presentation module, used to: in response to triggering the color number component, distinguish and display at least one second color block in the first image, wherein the color number associated with the second color block is consistent with the currently triggered color number component.

[0166] Furthermore, based on any of the above embodiments, the editing module is configured to: in response to an editing operation triggered by a user, perform a color adjustment operation on at least one second color block to obtain a third image.

[0167] Furthermore, based on any of the above embodiments, the editing control includes an add control and a presentation module, configured to: in response to triggering the add control, acquire a fourth image; display the first image and the fourth image in a first display area of ​​the first interface, wherein the transparency of the first image and / or the fourth image is less than a first threshold.

[0168] Furthermore, based on any of the above embodiments, the editing module is configured to: in response to a trigger operation on the color code component, use the color code associated with the color code component as the drawing color code; and in response to a drawing operation triggered by the user on the first image, perform a color filling operation on multiple pixel color blocks associated with the drawing operation based on the drawing color code to obtain a third image, wherein the drawing operation is generated based on the fourth image.

[0169] Furthermore, based on any of the above embodiments, the editing control further includes a fill control, and the image processing apparatus further includes: a presentation module, configured to present at least one first region in the first image, the first region being a closed region composed of multiple pixel blocks of a first color number, the closed region including at least one pixel block of a second color number; and an editing module, configured to, in response to a user triggering the fill control, perform a color fill operation on the first region based on the first color number on at least one pixel block of the second color number to obtain a third image.

[0170] Furthermore, based on any of the above embodiments, the image processing apparatus further includes: a display module for displaying a fourth image and at least one adjustment control within a third interface; an acquisition module for acquiring adjustment elements in response to triggering the adjustment control, the adjustment elements including at least one of filter elements, template elements, text elements, and sticker elements; an adjustment module for performing adjustment operations on the fourth image based on the adjustment elements to obtain an adjusted fifth image; and a publishing module for publishing the fifth image in response to a publishing operation triggered on the fifth image.

[0171] The device provided in this article can be used to execute the technical solutions of the above method embodiments. Its implementation principle and technical effect are similar, and will not be repeated here.

[0172] To implement the above embodiments, this document also provides a computer-readable storage medium storing computer-executable instructions, which, when executed by a processor, implement the image processing method provided in any of the above embodiments.

[0173] To implement the above embodiments, this document also provides a computer program product, including a computer program that, when executed by a processor, implements the image processing method provided in any of the above embodiments.

[0174] To implement the above embodiments, this document also provides an electronic device, including: a processor and a memory;

[0175] The memory stores instructions that the computer executes;

[0176] The processor executes computer execution instructions stored in memory, causing the processor to perform the image processing method provided in any of the above embodiments.

[0177] Figure 10 This is a schematic diagram of the structure of the electronic device 1000 provided in this article. The electronic device 1000 can be a terminal device or a server. The terminal device can include, but is not limited to, mobile terminals such as mobile phones, laptops, digital radio receivers, personal digital assistants (PDAs), tablet computers, portable media players (PMPs), and in-vehicle terminals (such as in-vehicle navigation terminals), as well as fixed terminals such as digital televisions and desktop computers. Figure 10 The electronic device shown is merely an example and should not impose any limitations on the functionality and scope of this article.

[0178] like Figure 10 As shown, the electronic device 1000 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 1001, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1002 or a program loaded from a storage device 1008 into a random access memory (RAM) 1003. The RAM 1003 also stores various programs and data required for the operation of the electronic device 1000. The processing unit 1001, ROM 1002, and RAM 1003 are interconnected via a bus 1004. An input / output (I / O) interface 1005 is also connected to the bus 1004.

[0179] Typically, the following devices can be connected to the I / O interface 1005: input devices 1006 including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 1007 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 1008 including, for example, magnetic tape, hard disk, etc.; and communication devices 1009. Communication device 1009 allows electronic device 1000 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 10An electronic device 1000 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0180] In particular, according to embodiments herein, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments herein include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 1009, or installed from storage device 1008, or installed from ROM 1002. When the computer program is executed by processing device 1001, it performs the functions defined in the methods herein.

[0181] It should be noted that the computer-readable medium described above can be a computer-readable signal medium, a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In this document, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0182] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0183] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to perform the methods shown in the above embodiments.

[0184] Computer program code for performing the operations described herein can be written in one or more programming languages ​​or a combination thereof. These programming languages ​​include object-oriented programming languages—such as Java, Smalltalk, and C++—as well as conventional procedural programming languages—such as the "C" language or similar programming languages. The program code can be executed 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 cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a Local Area Network (LAN) or a Wide Area Network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0185] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments herein. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0186] The units described herein can be implemented in software or hardware. The name of a unit does not necessarily limit the unit itself; for example, the first acquisition unit can also be described as "a unit that acquires at least two Internet Protocol addresses".

[0187] The functions described above in this document can be performed at least in part by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.

[0188] In the context of this document, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0189] In a first aspect, according to one or more embodiments herein, an image processing method is provided, comprising:

[0190] The first interface is displayed, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image.

[0191] In response to triggering the editing control, the edited content generated based on the editing control is presented in the first interface, and the edited content is associated with the first image;

[0192] The third image is obtained by editing the first image based on the edited content.

[0193] According to one or more embodiments of this document, the first image is a pixel image generated based on the second image, and the method further includes:

[0194] The first control is displayed within the second interface;

[0195] In response to triggering the first control, the second image is retrieved;

[0196] In response to a generation operation triggered within the second interface, a first image is generated based on the second image.

[0197] According to one or more embodiments of this document, the method further includes:

[0198] At least one second control is displayed in the second interface, and the second control is used to configure image association information;

[0199] At least one second control is displayed in the second interface. The second control is used to configure image association information, which includes one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size.

[0200] In response to triggering the second control, obtain image association information;

[0201] In response to a generation operation triggered within the second interface, a first image is generated based on the second image, including:

[0202] In response to the generation operation, a first image is generated based on the second image and image association information.

[0203] According to one or more embodiments herein, a first interface is shown, including:

[0204] The switching control is displayed on the second interface;

[0205] In response to the triggering of the toggle control, the first interface is displayed.

[0206] According to one or more embodiments of this document, the method further includes:

[0207] The first interface displays a blank pixel drawing and allows you to add controls.

[0208] In response to the trigger to add a control, retrieve the second image;

[0209] Present a second image on a pixel drawing;

[0210] In response to triggering the fill control in the first interface, the corresponding pixel color block in the pixel drawing is filled with color based on the color associated with the second image to obtain the first image, wherein the color associated with the second image is associated with multiple color codes in the color card control.

[0211] According to one or more embodiments of this document, the edit control includes a selection control, and in response to triggering the edit control, presents edited content generated based on the edit control in a first interface, including:

[0212] In response to triggering the selection control, the first image is switched to an optional state;

[0213] In response to the user's selection action within the first interface, the selected editing area is displayed on the first interface.

[0214] According to one or more embodiments of this document, editing a first image based on edited content to obtain a third image includes:

[0215] Use the color number in the editing area that meets the first condition as the editing color number;

[0216] Based on the edit color number, locate at least one first color block in the editing area, and the color difference between the color number associated with the first color block and the edit color number satisfies the second condition;

[0217] A third image is obtained by performing a color fill operation on at least one first color block based on the edit color code.

[0218] According to one or more embodiments of this document, the editing control includes a color swatch control, and in response to a triggering operation on the editing control, presents edited content generated based on the editing control in a first interface, including:

[0219] In response to the triggering of the color code component, at least one second color block in the first image is displayed differently, and the color code associated with the second color block is consistent with the currently triggered color code component.

[0220] According to one or more embodiments of this document, editing a first image based on edited content to obtain a third image includes:

[0221] In response to a user-triggered editing operation, a color adjustment operation is performed on at least one second color block to obtain a third image.

[0222] According to one or more embodiments of this document, the edit control includes an add control, and in response to a triggering operation on the edit control, presents edited content generated based on the edit control in a first interface, including:

[0223] In response to the trigger to add a control, retrieve the fourth image;

[0224] The first image and the fourth image are displayed in the first display area of ​​the first interface, and the transparency of the first image and / or the fourth image is less than a first threshold.

[0225] According to one or more embodiments of this document, editing a first image based on edited content to obtain a third image includes:

[0226] In response to triggering the color code component, the color code associated with the color code component is used as the drawing color code;

[0227] In response to a drawing operation triggered by the user on the first image, a third image is obtained by performing a color filling operation on multiple pixel color blocks associated with the drawing operation based on the drawing color number, wherein the drawing operation is generated based on the fourth image.

[0228] According to one or more embodiments of this document, the edit control further includes a fill control, and the method further includes:

[0229] At least one first region is presented in the first image. The first region is a closed region composed of multiple pixel color blocks of a first color number. The closed region includes at least one pixel color block of a second color number.

[0230] In response to the user triggering the fill control, the system performs a color fill operation on at least one pixel block of a second color number based on the first color number to obtain a third image.

[0231] According to one or more embodiments of this document, the method further includes:

[0232] Display a fourth image and at least one adjustment control within the third interface;

[0233] In response to triggering the adjustment control, obtain the adjustment element, which includes at least one of filter elements, template elements, text elements, and sticker elements;

[0234] The fourth image is adjusted based on the adjustment elements to obtain the adjusted fifth image;

[0235] In response to the publish operation triggered by the fifth image, publish the fifth image.

[0236] Secondly, according to one or more embodiments herein, an image processing apparatus is provided, comprising:

[0237] The display module is used to display the first interface, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image.

[0238] The presentation module is used to respond to the triggering of the editing control and present the edited content generated based on the editing control in the first interface. The edited content is associated with the first image.

[0239] The editing module is used to edit the first image based on the content to obtain the third image.

[0240] According to one or more embodiments herein, the first image is a pixel image generated based on the second image, and the image processing apparatus further includes:

[0241] The display module is used to display the first control within the second interface;

[0242] The acquisition module is used to acquire the second image in response to triggering the first control;

[0243] The generation module is used to generate a first image based on a second image in response to a generation operation triggered within the second interface.

[0244] According to one or more embodiments herein, the image processing apparatus further includes:

[0245] The display module is used to display at least one second control within the second interface. The second control is used to configure image association information, which includes one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size.

[0246] The acquisition module is used to acquire image association information in response to triggering the second control;

[0247] Generate modules for:

[0248] In response to the generation operation, a first image is generated based on the second image and image association information.

[0249] According to one or more embodiments herein, a module is shown for:

[0250] The switching control is displayed on the second interface;

[0251] In response to the triggering of the toggle control, the first interface is displayed.

[0252] According to one or more embodiments herein, the image processing apparatus further includes:

[0253] The display module is used to display blank pixel drawings and add controls within the first interface;

[0254] The acquisition module is used to acquire the second image in response to a trigger to add a control;

[0255] The rendering module is used to render a second image on a pixel drawing;

[0256] The fill module is used to respond to the triggering of the fill control in the first interface, and fill the corresponding pixel color block in the pixel drawing with color based on the color associated with the second image to obtain the first image. The color associated with the second image is associated with multiple color codes in the color card control.

[0257] According to one or more embodiments herein, the edit control includes a selection control and a rendering module for:

[0258] In response to triggering the selection control, the first image is switched to an optional state;

[0259] In response to the user's selection action within the first interface, the selected editing area is displayed on the first interface.

[0260] According to one or more embodiments of this document, the editing module is used for:

[0261] Use the color number in the editing area that meets the first condition as the editing color number;

[0262] Based on the edit color number, locate at least one first color block in the editing area, and the color difference between the color number associated with the first color block and the edit color number satisfies the second condition;

[0263] A third image is obtained by performing a color fill operation on at least one first color block based on the edit color code.

[0264] According to one or more embodiments herein, the editing control includes a color swatch control and a rendering module for:

[0265] In response to the triggering of the color code component, at least one second color block in the first image is displayed differently, and the color code associated with the second color block is consistent with the currently triggered color code component.

[0266] According to one or more embodiments of this document, the editing module is used for:

[0267] In response to a user-triggered editing operation, a color adjustment operation is performed on at least one second color block to obtain a third image.

[0268] According to one or more embodiments herein, the edit control includes an add control and a rendering module for:

[0269] In response to the trigger to add a control, retrieve the fourth image;

[0270] The first image and the fourth image are displayed in the first display area of ​​the first interface, and the transparency of the first image and / or the fourth image is less than a first threshold.

[0271] According to one or more embodiments of this document, the editing module is used for:

[0272] In response to triggering the color code component, the color code associated with the color code component is used as the drawing color code;

[0273] In response to a drawing operation triggered by the user on the first image, a third image is obtained by performing a color filling operation on multiple pixel color blocks associated with the drawing operation based on the drawing color number, wherein the drawing operation is generated based on the fourth image.

[0274] According to one or more embodiments herein, the editing control further includes a fill control, and the image processing apparatus further includes:

[0275] A presentation module is used to present at least one first region in a first image, wherein the first region is a closed region composed of multiple pixel color blocks of a first color number, and the closed region includes at least one pixel color block of a second color number.

[0276] The editing module is used to respond to the user's triggering of the fill control, and to perform color fill operation on at least one pixel block of a second color number based on the first color number to obtain a third image.

[0277] According to one or more embodiments herein, the image processing apparatus further includes:

[0278] The display module is used to display a fourth image and at least one adjustment control within the third interface;

[0279] The module is used to retrieve the adjustment element in response to the triggering of the adjustment control. The adjustment element includes at least one of the following: filter element, template element, text element, and sticker element.

[0280] The adjustment module is used to adjust the fourth image based on the adjustment elements to obtain the adjusted fifth image;

[0281] The publishing module is used to publish the fifth image in response to a publishing operation triggered by the fifth image.

[0282] Thirdly, according to one or more embodiments herein, an electronic device is provided, comprising: at least one processor and a memory;

[0283] The memory stores instructions that the computer executes;

[0284] At least one processor executes computer execution instructions stored in memory, causing at least one processor to perform the image processing method provided by the first aspect above and various possible designs of the first aspect.

[0285] Fourthly, according to one or more embodiments herein, a computer-readable storage medium is provided, which stores computer-executable instructions that, when executed by a processor, implement the image processing method provided by the first aspect above and various possible designs of the first aspect.

[0286] Fifthly, according to one or more embodiments herein, a computer program product is provided, including a computer program that, when executed by a processor, implements the image processing method provided by the first aspect above and various possible designs of the first aspect.

[0287] The above description is merely a preferred embodiment and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of disclosure herein is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-disclosed concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed herein that have similar functions.

[0288] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in sequential order. Multitasking and parallel processing may be advantageous in certain environments. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this document. 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 individually or in any suitable sub-combination in multiple embodiments.

[0289] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. An image processing method, comprising: The first interface is displayed, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image. In response to triggering the editing control, edited content generated based on the editing control is presented in the first interface, the edited content being associated with the first image; The first image is edited based on the edited content to obtain the third image.

2. The method according to claim 1, wherein the first image is a pixel image generated based on the second image, and the method further comprises: The first control is displayed within the second interface; In response to triggering the first control, the second image is acquired; In response to a generation operation triggered within the second interface, the first image is generated based on the second image.

3. The method according to claim 2, further comprising: At least one second control is displayed in the second interface. The second control is used to configure image association information, which includes one or more of the following: the number of pixel color blocks, the number of color codes associated with the color card control, and the image size. In response to triggering the second control, the image association information is obtained; The generation of the first image based on the second image in response to the generation operation triggered within the second interface includes: In response to the generation operation, the first image is generated based on the second image and the image association information.

4. The method according to claim 2, wherein displaying the first interface includes: The switching controls are displayed on the second interface; In response to triggering the switching control, the first interface is displayed.

5. The method according to claim 1, further comprising: Display a blank pixel drawing and add controls within the first interface; In response to triggering the added control, a second image is obtained; The second image is presented on the pixel drawing; In response to triggering the fill control in the first interface, the corresponding pixel color block in the pixel drawing is filled with color based on the color associated with the second image to obtain the first image, wherein the color associated with the second image is associated with multiple color codes in the color card control.

6. The method according to claim 1, wherein the editing control includes a selection control, and the step of presenting edited content generated based on the editing control in the first interface in response to triggering the editing control includes: In response to triggering the selection control, the first image is switched to an optional state; In response to the user's selection operation within the first interface, the selected editing area is displayed on the first interface.

7. The method according to claim 6, wherein the step of editing the first image based on the edited content to obtain the third image includes: The color number that meets the first condition in the editing area is used as the editing color number; Based on the edit color number, at least one first color block is located in the editing area, and the color difference between the color number associated with the first color block and the edit color number satisfies the second condition; The third image is obtained by performing a color filling operation on the at least one first color block based on the edited color number.

8. The method according to claim 1, wherein the editing control includes a color swatch control, and the step of presenting edited content generated based on the editing control in the first interface in response to a triggering operation on the editing control includes: In response to triggering the color code component, at least one second color block in the first image is displayed differently, and the color code associated with the second color block is consistent with the currently triggered color code component.

9. The method according to claim 8, wherein the step of editing the first image based on the edited content to obtain the third image comprises: In response to a user-triggered editing operation, a color adjustment operation is performed on the at least one second color block to obtain the third image.

10. The method according to claim 1, wherein the editing control includes an add control, and the step of presenting edited content generated based on the editing control in the first interface in response to a triggering operation on the editing control includes: In response to triggering the added control, the fourth image is obtained; The first image and the fourth image are displayed in the first display area of ​​the first interface, and the transparency of the first image and / or the fourth image is less than a first threshold.

11. The method according to claim 10, wherein the step of editing the first image based on the edited content to obtain the third image comprises: In response to triggering the color code component, the color code associated with the color code component is used as the drawing color code; In response to a drawing operation triggered by the user on the first image, a color filling operation is performed on multiple pixel color blocks associated with the drawing operation based on the drawing color number to obtain the third image, wherein the drawing operation is generated based on the fourth image.

12. The method according to claim 1, wherein the editing control further includes a fill control, and the method further includes: At least one first region is presented in the first image. The first region is a closed region composed of multiple pixel color blocks of a first color number. The closed region includes at least one pixel color block of a second color number. In response to the user triggering the fill control, the triggering operation on the first region is performed, and the pixel blocks of the at least one second color number are filled with color based on the first color number to obtain the third image.

13. The method according to any one of claims 1-11, further comprising: Display a fourth image and at least one adjustment control within the third interface; In response to triggering the adjustment control, the adjustment element is obtained, and the adjustment element includes at least one of filter element, template element, text element, and sticker element; Based on the adjustment elements, the fourth image is adjusted to obtain the adjusted fifth image; In response to a publish operation triggered by the fifth image, the fifth image is published.

14. An image processing apparatus, comprising: The display module is used to display a first interface, which includes a first image, a color card control, and at least one editing control. The color card control includes multiple color number components associated with the first image. A presentation module is configured to, in response to triggering the editing control, present edited content generated based on the editing control in the first interface, the edited content being associated with the first image; The editing module is used to perform editing operations on the first image based on the editing content to obtain a third image.

15. An electronic device comprising: Processor and memory; The memory stores computer-executed instructions; The processor executes computer execution instructions stored in the memory, causing the processor to perform the image processing method as described in any one of claims 1 to 13.

16. A computer-readable storage medium storing computer-executable instructions that, when executed by a processor, implement the image processing method as described in any one of claims 1 to 13.

17. A computer program product comprising a computer program that, when executed by a processor, implements the image processing method as described in any one of claims 1 to 13.

Images