Image processing method, device, electronic device and readable storage medium

Abstract

This application discloses an image processing method, apparatus, electronic device, and readable storage medium, belonging to the field of image processing technology. The method comprises: displaying a second image on a first image; receiving a first input from a user on a scroll screen when the second image is in an editable state, the first input being used to adjust the expansion distance of the scroll screen; and updating a second image parameter of the second image in response to the first input, the second image parameter being determined based on the expansion distance of the scroll screen, the second image parameter including at least one of the following: transparency, image style, color parameter, image size, and image position.

Description

Technical Field

[0001] The present application belongs to the field of image processing technology, and specifically relates to an image processing method, device, electronic device and readable storage medium. Background Art

[0002] With the rapid development of electronic technology, electronic devices have been widely used. Moreover, with the development of image processing technology, users can use electronic devices to synthesize multiple images.

[0003] Currently, when electronic devices synthesize multiple images, they usually need professional editing software to adjust the image parameters of a single image, which is a cumbersome operation. Summary of the Invention

[0004] The purpose of the embodiments of the present application is to provide an image processing method, device, electronic device and readable storage medium, which can solve the problem of cumbersome operations when adjusting image parameters.

[0005] In a first aspect, an embodiment of the present application provides an image processing method, which is applied to an image processing device having a scroll screen, comprising:

[0006] displaying a second image on the first image;

[0007] When the second image is in an editable state, receiving a first input from a user on the scroll screen, where the first input is used to adjust an expansion distance of the scroll screen;

[0008] In response to the first input, second image parameters of the second image are updated, where the second image parameters are determined according to the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameter, image size, and image position.

[0009] In a second aspect, an embodiment of the present application provides an image processing device, wherein the device has a scroll screen, including:

[0010] a first display module, configured to display a second image on the first image;

[0011] a first receiving module, configured to receive a first input from a user on the scroll screen when the second image is in an editable state, wherein the first input is used to adjust an expansion distance of the scroll screen;

[0012] The first update module is used to update the second image parameters of the second image in response to the first input, where the second image parameters are determined according to the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameter, image size, and image position.

[0013] In a third aspect, an embodiment of the present application provides an electronic device comprising a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method described in the first aspect.

[0014] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0015] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface, the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the method described in the first aspect.

[0016] In an embodiment of the present application, an image processing device having a scroll screen is applied, and a second image is displayed on a first image; when the second image is in an editable state, a first input from a user to the scroll screen is received, wherein the first input is used to adjust the expansion distance of the scroll screen; in response to the first input, a second image parameter of the second image is updated, wherein the second image parameter is determined according to the expansion distance of the scroll screen, and the second image parameter includes at least one of the following: transparency, image style, color parameter, image size, and image position. In this way, when synthesizing images, the user performs a first input on the scroll screen of the image processing device to adjust the expansion distance of the scroll screen, and updates the image parameters of the editable state image based on the expansion distance of the scroll screen, thereby simplifying the operation steps of adjusting the image parameters. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] Figure 1 is a flowchart of the image processing method provided in an embodiment of the present application;

[0018] Figure 2 This is one of the screen display diagrams in the double exposure shooting scene;

[0019] Figure 3 This is the second screen display diagram for a double exposure shooting scenario;

[0020] Figure 4 This is one of the screen display diagrams in the image synthesis scenario;

[0021] Figure 5 This is the second screen display diagram in the image synthesis scenario;

[0022] Figure 6 This is the third screen display diagram for a double exposure shooting scenario;

[0023] Figure 7 is a structural diagram of an image processing device provided in an embodiment of the present application;

[0024] Figure 8 is a structural diagram of an electronic device provided in an embodiment of the present application;

[0025] Figure 9 A schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present application. DETAILED DESCRIPTION

[0026] The following will be combined with the accompanying drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the embodiments described are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field are within the scope of protection of this application.

[0027] The terms "first," "second," and the like in the specification and claims of this application are used to distinguish similar objects, and are not used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments of this application can be implemented in an order other than that illustrated or described herein, and that the objects distinguished by "first," "second," and the like are generally of the same type, and do not limit the number of objects; for example, the first object can be one or more. In addition, the term "and / or" in the specification and claims refers to at least one of the connected objects, and the character " / " generally indicates that the objects connected are in an "or" relationship.

[0028] The image processing provided by the embodiments of the present application is described in detail below through specific embodiments and their application scenarios in conjunction with the accompanying drawings.

[0029] Figure 1 is a flow chart of an image processing method provided in an embodiment of the present application, which is applied to an image processing device having a scroll screen, such as Figure 1 As shown, the following steps are included:

[0030] Step 101: Display a second image on a first image.

[0031] In an embodiment of the present application, the image processing method is applied to an image processing device with a scroll screen. The scroll screen can change the screen size of the electronic device by telescoping. It can include two states. The first state is an unfolded state. At this time, the screen size of the image processing device is minimum. The second state is an unfolded state. The user can stretch the scroll screen so that the scroll screen can be unfolded along the scroll axis, thereby increasing the screen size and increasing the display area of ​​the screen.

[0032] In step 101 , the first image may be any image stored in the image processing device, and the number of first images may be one or more, which is not specifically limited here.

[0033] The second image may be displayed on the first image. The first image and the second image may be displayed on the scroll screen simultaneously or in sequence, which is not specifically limited here.

[0034] Displaying the second image on the first image may refer to displaying the second image superimposed on the first image, or may refer to displaying a first window on the first image, where the first window is used to display the second image, i.e., displaying the second image on the first image in a picture-in-picture format, which is not specifically limited here.

[0035] The second image may be a preview image during the image capturing process, or a preview of an image that has already been captured, which is not specifically limited here.

[0036] In an optional implementation scenario, such as a double exposure shooting scenario, double exposure may refer to the process of presenting multiple images shot at different spaces and times in one image. In this implementation scenario, the first image and the second image may be displayed sequentially on the scroll screen. When the scroll screen is not unfolded, the user may start the first camera of the image processing device, such as the rear camera, to capture an image, or may select one or more images from the album and display them on the scroll screen, that is, first obtain the first image and display it on the scroll screen. Figure 2 As shown, the user can start the rear camera to take a landscape photo 201 and display it in the display area 202 of the scroll screen. The photo will serve as the background image for the double exposure.

[0037] Afterwards, based on the first image displayed on the scroll screen, the user can drag the scroll screen in the unfolded state to unfold it. Accordingly, the image processing device can respond to the user's operation, start the second camera such as the front camera, and display the preview image of the front camera in the display area of ​​the scroll screen. The preview image is the second image.

[0038] In this implementation scenario, the first image and the second image are both displayed on the scroll screen, and the second image can be displayed superimposed on the first image, such as Figure 3 As shown, the first image 301 includes image content of the sun and the mountains, and the second image 302 includes image content of a person's portrait, and the two images are superimposed and displayed in the same display area.

[0039] In another optional implementation scenario, such as an image synthesis scenario, in this implementation scenario, the first image and the second image can be displayed on the scroll screen at the same time. During the implementation process, several pre-stored images can be selected, such as selecting several images from an album as materials for image synthesis. These images can include the first image and the second image. The first selected image can be used as the second image and the last selected image as the first image, or the first selected image can be used as the first image and the last selected image as the second image. After that, the first image and the second image can be displayed on the scroll screen at the same time. The specific display method can be to superimpose the second image on the first image. Figure 4 As shown, by checking the five images in the album, they are selected as composite materials, namely image 401, image 402, image 403, image 404 and image 405, and the selected images can be displayed in the display area of ​​the scroll screen, as shown in FIG. Figure 5 As shown, the five selected images can be superimposed and displayed in the display area of ​​the scroll screen according to the selection order in the album.

[0040] Among them, the image status of the second image can include two types, the first one can be a locked state, and the second one can be an editable state. When the second image is displayed on the first image, the image status of the second image can be editable by default, and the image status of the second image can also be a locked state. Thereafter, the image status of the second image is adjusted through user input so that its image status is editable.

[0041] Step 102: When the second image is in an editable state, receiving a first input from a user on the scroll screen, where the first input is used to adjust an expansion distance of the scroll screen.

[0042] In this step, the first input can be: a click input by the user on the scroll screen, or a voice command input by the user, or a specific gesture input by the user. The specific input can be determined according to actual usage requirements and is not limited in this embodiment of the present application.

[0043] The specific gesture in the embodiment of the present application can be any one of a single-click gesture, a sliding gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double-press gesture, and a double-click gesture; the click input in the embodiment of the present application can be a single-click input, a double-click input, or any number of click inputs, etc., and can also be a long press input or a short press input.

[0044] Taking the drag gesture as an example, when the second image is in an editable state, the user can use the drag gesture to drag the border of the scroll screen to expand and contract the scroll screen along the scroll axis. For example, dragging the border of the scroll screen can expand the scroll screen, that is, increase the screen size. For example, dragging the border of the scroll screen can shrink the scroll screen, that is, reduce the screen size. In other words, by dragging the border of the scroll screen, the expansion distance of the scroll screen can be adjusted.

[0045] Step 103: In response to the first input, update the second image parameters of the second image, where the second image parameters are determined according to the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameter, image size, and image position.

[0046] Accordingly, upon receiving a first user input to the scroll screen, the image processing device may update the second image parameter of the second image in response to the first input. Specifically, the parameter value of the second image parameter may be determined based on the expansion distance of the scroll screen, and the second image parameter of the second image may be adjusted based on the parameter value. The second image parameter may include at least one of the following: transparency, image style, color parameter, image size, and image position.

[0047] Image styles may include fresh, artistic, fashionable, black and white, etc. Image size may refer to the image size, such as the size of the second image displayed in picture-in-picture format can be adjusted. Image position may refer to the display position of the image content of the second image on the first image, such as Figure 5 As shown, in the case where the second image includes sun image content, in the initial display state, the sun image content is displayed at the right display position of the first image, and the sun image content in the second image can be moved to the left display position on the first image according to the expansion distance of the scroll screen.

[0048] In actual applications, the image processing device can store a correspondence table between the expansion distance of the scroll screen and the parameter value of the second image parameter. When the user drags the scroll screen, the expansion distance of the scroll screen can be obtained in real time or at intervals, and then the parameter value of the second image parameter corresponding to the current expansion distance of the scroll screen can be determined based on the correspondence table.

[0049] For example, taking transparency as an example of the second image parameter, the correspondence between the expansion distance of the scroll screen and the transparency parameter value can be: the expansion distance of the scroll screen is inversely proportional to the transparency, when the scroll screen is expanded by 20%, the transparency is 80%, when the scroll screen is expanded by 40%, the transparency is 60%, and so on. Accordingly, when the user drags the scroll screen, when the scroll screen is expanded by 20%, the transparency is adjusted to 80%, and when the scroll screen is expanded by 40%, the transparency is adjusted to 60%.

[0050] like Figure 3 As shown in the figure, when the scroll screen is unfolded at a short distance, the front camera shows a boy's image. At this time, the boy's image, i.e., the second image, is superimposed on the background image, i.e., the first image, taken by the rear camera. The exposure of the front camera is low, so the boy's appearance is blurry and the transparency is high. As the screen unfolds, the transparency decreases, and the image content of the second image becomes more realistic. Figure 6 As shown, when the scroll screen is fully unfolded, the transparency of the boy's image content 601 in the second image reaches the lowest.

[0051] In this way, while the user is dragging the scroll screen, the image effect of the second image can be changed, such as a change in transparency from virtual to real, a change in size from large to small, a change in image style, or a change in the display position of the image content, etc., thereby allowing the user to select the final desired image effect while the user is dragging the scroll screen.

[0052] In this embodiment, an image processing device having a scroll screen is applied, and a second image is displayed on a first image. When the second image is in an editable state, a first input from a user on the scroll screen is received, wherein the first input is used to adjust the expansion distance of the scroll screen. In response to the first input, second image parameters of the second image are updated. The second image parameters are determined based on the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameters, image size, and image position. In this way, when compositing images, the user performs a first input on the scroll screen of the image processing device to adjust the expansion distance of the scroll screen, and the image parameters of the editable image are updated based on the expansion distance of the scroll screen, thereby simplifying the operation steps for adjusting the image parameters.

[0053] Optionally, after updating the second image parameters of the second image, the method further includes:

[0054] receiving a second input from a user on the scroll screen;

[0055] In response to the second input, a target image is output.

[0056] In this embodiment, the second input can be: a click input by the user on the scroll screen, or a voice command input by the user, or a specific gesture input by the user. The specific input can be determined according to actual usage requirements, and the embodiment of the present application does not limit this.

[0057] In an optional implementation scenario, if the second image is a preview image during a double-exposure shooting process, the second input may be a user clicking a shooting control displayed on the scroll screen to initiate a shot. After updating the second image parameters of the second image and achieving an image effect satisfactory to the user, the user may click the shooting control. Accordingly, the image processing device may, in response to the second input, perform a double exposure of the first image and the updated second image, outputting a target image. This target image may be a composite image with a double exposure effect.

[0058] In another optional implementation scenario, if the second image is a preview of an already captured image, the second input may be an input by the user clicking a confirmation control displayed on the scroll screen, or an input by the user clicking anywhere on the scroll screen. After the second image parameters of the second image are updated and the image effect is satisfactory to the user, the user may click the confirmation control. Accordingly, the image processing device may, in response to the second input, synthesize the first image and the updated second image to output the target image.

[0059] In this embodiment, by receiving a second input from the user on the scroll screen and outputting a target image in response to the second input, image synthesis can be achieved very conveniently.

[0060] Optionally, after displaying the second image on the first image, the method further includes:

[0061] A first control mark and a second control mark are displayed, wherein the first control mark is used to indicate an image state of the first image, and the second control mark is used to indicate an image state of the second image, wherein the image states include an editable state and a locked state.

[0062] In this embodiment, the first control mark and the second control mark can be displayed at any position in the display area of ​​the scroll screen, such as Figure 3 As shown, a first control mark 303 and a second control mark 304 can be displayed in the upper left corner of the display area of ​​the scroll screen. The first control mark 303 is used to indicate the image state of the first image and is named lock 1. The second control mark 304 is used to indicate the image state of the second image and is named lock 2. Figure 5 As shown, the first control mark 501 and the second control mark 502 can also be displayed in the upper left corner of the display area of ​​the scroll screen. Since the number of first images can include multiple ones, the first control mark 501 can be named lock 1.1, lock 1.2, lock 1.3 and lock 1.4 respectively, and the second control mark 502 can be named lock 2.

[0063] In the initial display state, the image state of the first image is locked, and the image state of the second image is editable. Figure 3 He Ru Figure 5 shown.

[0064] In this embodiment, a first control indicator is displayed, indicating the image status of the first image and a second control indicator is displayed, wherein the first control indicator indicates the image status of the first image and the second control indicator indicates the image status of the second image. The image statuses include editable and locked. This makes the image statuses of the first and second images explicit, reminding the user of the currently editable image during image synthesis and improving the user experience.

[0065] Optionally, when the image state of the first image indicated by the first control identifier is a locked state, receiving a third input of the first control identifier by the user;

[0066] In response to the third input, updating the image state of the first image from a locked state to an editable state;

[0067] receiving a fourth input from the user on the scroll screen;

[0068] In response to the fourth input, first image parameters of the first image are updated, where the first image parameters include at least one of the following: transparency, image style, color parameter, and image size.

[0069] In this embodiment, when the first control indicator is displayed, the user can adjust the image state of the first image based on the first control indicator. For example, when the image state of the first image indicated by the first control indicator is a locked state, the user can perform a third input on the first control indicator.

[0070] The third input may be: a click input of the user on the first control mark, or a voice command input by the user, or a specific gesture input by the user. The specific input may be determined according to actual usage requirements and is not limited in this embodiment of the present application.

[0071] Accordingly, the image processing device can update the image state of the first image from a locked state to an editable state in response to the third input. The user can then perform a fourth input on the scroll screen to adjust the unfolding distance of the scroll screen. The fourth input can be: a click input on the scroll screen, a voice command input by the user, or a specific gesture input by the user. The specific input can be determined based on actual usage requirements and is not limited in this embodiment of the present application.

[0072] Accordingly, the image processing device may update the first image parameter of the first image in response to the fourth input. The first image parameter of the first image may be determined based on the unfolding distance of the scroll screen in a manner similar to that of determining the second image parameter of the second image, and will not be further described herein.

[0073] In this embodiment, the first image parameter of the first image can also be determined according to the extension and contraction distance of the scroll screen. The extension and contraction distance can refer to the distance of extension or contraction of the scroll screen from the moment the image state of the first image is updated from the locked state to the editable state.

[0074] For example, when the image state of the first image is updated from the locked state to the editable state, the expansion distance of the scroll screen is 1 cm. The user drags the scroll screen and stretches the expansion distance of the scroll screen to 4 cm. At this time, the retraction distance of the scroll screen is 3 cm.

[0075] For another example, when the image state of the first image is updated from the locked state to the editable state, the expansion distance of the scroll screen is 3 cm. The user drags the scroll screen and shrinks the expansion distance of the scroll screen to 2 cm. At this time, the retraction distance of the scroll screen is -1 cm.

[0076] It should be noted that the update of the first image parameters of the first image can be before, after, or simultaneously with the update of the second image parameters of the second image. For example, when updating the first image parameters of the first image, if the image status of the second image is editable, the second image parameters of the second image can be updated at the same time based on the expansion distance of the scroll screen. In this way, the image status of the first image can be adjusted to an editable state through the first control identifier, and the image effect of the composite image can be adjusted by updating the first image parameters of the first image.

[0077] For example, the user performs a third input on the first control identifier to update the image state of the first image from a locked state to an editable state, and performs another input on the second control identifier to update the image state of the second image from an editable state to a locked state. In this way, parameter adjustment can be performed by switching from the second image to the first image, and the image effect of the composite image can be adjusted by updating the first image parameters of the first image.

[0078] In this embodiment, when the image state of the first image indicated by the first control identifier is a locked state, a third input from the user to the first control identifier is received; in response to the third input, the image state of the first image is updated from a locked state to an editable state; a fourth input from the user to the scroll screen is received; and in response to the fourth input, the first image parameters of the first image are updated, wherein the first image parameters include at least one of the following: transparency, image style, color parameters, and image size. In this way, when synthesizing images, the image state of the first image can be adjusted by the user performing the third input on the first control identifier, and the first image parameters of the first image can be updated by performing the fourth input on the scroll screen of the image processing device, so that the image effect of the synthesized image can be adjusted by updating the first image parameters of the first image, thereby simplifying the operation steps of adjusting the image parameters and improving the flexibility of effect changes during image synthesis.

[0079] Optionally, when the image state of the first image indicated by the first control marker is an editable state, and the image state of the second image indicated by the second control marker is an editable state, receiving a fifth input from the user;

[0080] In response to the fifth input, a first image parameter of the first image and a second image parameter of the second image are updated.

[0081] In this embodiment, the fifth input can be: a click input by the user on the scroll screen, or a voice command input by the user, or a specific gesture input by the user. The specific input can be determined according to actual usage requirements, and the embodiment of the present application does not limit this.

[0082] Accordingly, the image processing apparatus may update the first image parameter of the first image and the second image parameter of the second image in response to the fifth input.

[0083] The first image parameter may be the same as the second image parameter, such as both updating the transparency of the first image and the second image. The first image parameter may also be different from the second image parameter, such as the first image parameter is transparency and the second image parameter is image size.

[0084] The manner in which the first image parameter is determined based on the unfolding distance of the scroll screen may be the same as or different from the manner in which the second image parameter is determined based on the unfolding distance of the scroll screen, and is not specifically limited here. For example, the correspondence between the parameter value of the first image parameter and the unfolding distance of the scroll screen may be different from the correspondence between the parameter value of the second image parameter and the unfolding distance of the scroll screen.

[0085] In this embodiment, when the image state of the first image indicated by the first control indicator is editable and the image state of the second image indicated by the second control indicator is editable, a fifth input from the user is received; and in response to the fifth input, the first image parameters of the first image and the second image parameters of the second image are updated. This allows for simultaneous adjustment of the first image parameters of the first image and the second image parameters of the second image, thereby adjusting the image effect of the composite image by simultaneously updating the first image parameters of the first image and the second image parameters of the second image. This simplifies the image parameter adjustment process and increases the flexibility of image effect changes during composite image creation.

[0086] Optionally, displaying the second image on the first image includes:

[0087] displaying a second image superimposed on the first image;

[0088] Alternatively, a first window is displayed on the first image, and the first window is used to display the second image.

[0089] In this embodiment, the method of displaying the second image on the first image can be: superimposing the second image on the first image, or: displaying a first window on the first image, and the first window is used to display the second image, that is, displaying the second image on the first image in the form of picture-in-picture.

[0090] In this embodiment, the second image can be displayed on the first image in a flexible manner by superimposing the second image on the first image, or displaying a first window on the first image, the first window being used to display the second image.

[0091] Optionally, after updating the second image parameters of the second image, the method further includes:

[0092] receiving a sixth input from the user on the scroll screen;

[0093] In response to the sixth input, a third image is displayed on the first and second images.

[0094] In this embodiment, the sixth input can be: a click input by the user on the scroll screen, or a voice command input by the user, or a specific gesture input by the user. The specific input can be determined according to actual usage requirements, and the embodiment of the present application does not limit this.

[0095] The user can perform a sixth input on the add control displayed on the scroll screen, which is used to add materials for image synthesis. For example, the add control can be displayed on the scroll screen. By clicking the add control, the camera can be started to take a photo again to obtain a third image, or a third image can be selected from the album.

[0096] Accordingly, the image processing device may display the third image on the first image and the second image in response to the sixth input, and then may control the scroll screen to realize synthesis of the first image, the second image and the third image.

[0097] In this embodiment, by receiving a sixth input from the user on the scroll screen and displaying a third image on the first image and the second image in response to the sixth input, the third image can be flexibly added and multiple images can be synthesized.

[0098] It should be noted that the image processing method provided in the embodiments of the present application can be executed by an image processing device or a control module in the image processing device for executing the image processing method. In the embodiments of the present application, the image processing device provided in the embodiments of the present application is described by taking the image processing device executing the image processing method as an example.

[0099] See also Figure 7 , Figure 7 is a structural diagram of an image processing device provided in an embodiment of the present application, wherein the device has a scroll screen, such as Figure 7 As shown, the image processing device 700 includes:

[0100] A first display module 701 is configured to display a second image on the first image;

[0101] A first receiving module 702 is configured to receive a first input from a user on the scroll screen when the second image is in an editable state, wherein the first input is used to adjust an expansion distance of the scroll screen;

[0102] The first update module 703 is used to update the second image parameters of the second image in response to the first input, where the second image parameters are determined based on the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameters, image size, and image position.

[0103] In this embodiment, an image processing device having a scroll screen is applied, and a second image is displayed on a first image through a first display module 701; a first receiving module 702 receives a first input from a user on the scroll screen when the second image is in an editable state, wherein the first input is used to adjust the expansion distance of the scroll screen; a first updating module 703 updates a second image parameter of the second image in response to the first input, wherein the second image parameter is determined according to the expansion distance of the scroll screen, and the second image parameter includes at least one of the following: transparency, image style, color parameter, image size, and image position. In this way, when synthesizing images, the user performs a first input on the scroll screen of the image processing device to adjust the expansion distance of the scroll screen, and updates the image parameters of the editable image based on the expansion distance of the scroll screen, thereby simplifying the operation steps of adjusting the image parameters.

[0104] Optionally, it also includes:

[0105] A second receiving module, configured to receive a second input from a user on the scroll screen;

[0106] An output module is configured to output a target image in response to the second input.

[0107] In this embodiment, the second receiving module receives the second input of the user to the scroll screen, and the output module responds to the second input and outputs the target image. In this way, image synthesis can be achieved very conveniently.

[0108] Optionally, it also includes:

[0109] The second display module is used to display a first control identifier and a second control identifier, wherein the first control identifier is used to indicate the image status of the first image, and the second control identifier is used to indicate the image status of the second image, wherein the image status includes an editable state and a locked state.

[0110] In this embodiment, a second display module displays a first control indicator and a second control indicator. The first control indicator indicates the image status of the first image, and the second control indicator indicates the image status of the second image. The image statuses include editable and locked. This makes the image statuses of the first and second images explicit, reminding the user of the currently editable image during image synthesis and improving the user experience.

[0111] Optionally, it also includes:

[0112] a third receiving module, configured to receive a third input of the user on the first control identifier when the image state of the first image indicated by the first control identifier is a locked state;

[0113] a second updating module, configured to update the image state of the first image from a locked state to an editable state in response to the third input;

[0114] a fourth receiving module, configured to receive a fourth input from a user on the scroll screen;

[0115] The third updating module is configured to update first image parameters of the first image in response to the fourth input, where the first image parameters include at least one of the following: transparency, image style, color parameter, and image size.

[0116] In this embodiment, when the image state of the first image indicated by the first control identifier is a locked state, the third receiving module receives the third input of the user to the first control identifier; the second updating module updates the image state of the first image from a locked state to an editable state in response to the third input; the fourth receiving module receives the fourth input of the user to the scroll screen; the third updating module updates the first image parameters of the first image in response to the fourth input, wherein the first image parameters include at least one of the following: transparency, image style, color parameters, and image size. In this way, when synthesizing images, the image state of the first image can be adjusted by the user performing the third input on the first control identifier, and the first image parameters of the first image can be updated by performing the fourth input on the scroll screen of the image processing device, so that the image effect of the synthesized image can be adjusted by updating the first image parameters of the first image, thereby simplifying the operation steps of adjusting the image parameters and improving the flexibility of effect changes during image synthesis.

[0117] Optionally, it also includes:

[0118] a fifth receiving module, configured to receive a fifth input from a user when the image state of the first image indicated by the first control identifier is an editable state and the image state of the second image indicated by the second control identifier is an editable state;

[0119] A fourth updating module is configured to update a first image parameter of the first image and a second image parameter of the second image in response to the fifth input.

[0120] In this embodiment, when the image state of the first image indicated by the first control identifier is editable, and the image state of the second image indicated by the second control identifier is editable, the fifth receiving module receives a fifth input from the user; and in response to the fifth input, the fourth updating module updates the first image parameters of the first image and the second image parameters of the second image. This allows for simultaneous adjustment of the first image parameters of the first image and the second image parameters of the second image, thereby adjusting the image effect of the composite image by simultaneously updating the first image parameters of the first image and the second image parameters of the second image. This simplifies the image parameter adjustment process while increasing the flexibility of image synthesis effect changes.

[0121] Optionally, the first display module 701 is specifically configured to:

[0122] displaying a second image superimposed on the first image;

[0123] Alternatively, a first window is displayed on the first image, and the first window is used to display the second image.

[0124] In this embodiment, the second image is superimposed and displayed on the first image by the first display module 701; or a first window is displayed on the first image, and the first window is used to display the second image. In this way, the second image can be flexibly displayed on the first image.

[0125] Optionally, it also includes:

[0126] a sixth receiving module, configured to receive a sixth input from the user on the scroll screen;

[0127] A third display module is configured to display a third image on the first image and the second image in response to the sixth input.

[0128] In this embodiment, the sixth receiving module receives the user's sixth input to the scroll screen; the third display module responds to the sixth input by displaying a third image on top of the first and second images. This allows for flexible addition of a third image and allows for image synthesis of multiple images.

[0129] The image processing device in the embodiments of the present application can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. For example, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), an ATM, or an kiosks, etc., which are not specifically limited in the embodiments of the present application.

[0130] The image processing device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0131] The image processing device provided in the embodiment of the present application can achieve Figure 1 To avoid repetition, the various processes implemented in the method embodiment are not described here.

[0132] Alternatively, as Figure 8 As shown, an embodiment of the present application also provides an electronic device 800, including a processor 801, a memory 802, and a program or instruction stored in the memory 802 and executable on the processor 801. When the program or instruction is executed by the processor 801, each process of the above-mentioned image processing method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be described here.

[0133] It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and non-mobile electronic devices mentioned above.

[0134] Figure 9 A schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present application.

[0135] The electronic device 900 includes, but is not limited to, a radio frequency unit 901, a network module 902, an audio output unit 903, an input unit 904, a sensor 905, a display unit 906, a user input unit 907, an interface unit 908, a memory 909, and a processor 910. The electronic device also has a scroll screen.

[0136] Those skilled in the art will understand that the electronic device 900 may also include a power source (such as a battery) to power each component, and the power source may be logically connected to the processor 910 through a power management system, thereby implementing functions such as charging, discharging, and power consumption management through the power management system. Figure 9 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be repeated here.

[0137] The display unit 906 is configured to display the second image on the first image;

[0138] A user input unit 907 is configured to receive a first input from a user on the scroll screen when the second image is in an editable state, wherein the first input is used to adjust an expansion distance of the scroll screen;

[0139] Processor 910 is used to update the second image parameters of the second image in response to the first input, where the second image parameters are determined based on the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameters, image size, and image position.

[0140] In this embodiment, the device is applied to an electronic device having a scroll screen, and a second image is displayed on a first image through a display unit 906; a first input from a user to the scroll screen is received through a user input unit 907 when the second image is in an editable state, and the first input is used to adjust the expansion distance of the scroll screen; the processor 910 updates the second image parameter of the second image in response to the first input, and the second image parameter is determined according to the expansion distance of the scroll screen, and the second image parameter includes at least one of the following: transparency, image style, color parameter, image size, and image position. In this way, when synthesizing images, the user performs a first input on the scroll screen of the image processing device to adjust the expansion distance of the scroll screen, and updates the image parameters of the editable state image based on the expansion distance of the scroll screen, thereby simplifying the operation steps of adjusting the image parameters.

[0141] Optionally, the user input unit 907 is further configured to receive a second input from the user on the scroll screen;

[0142] The processor 910 is further configured to output a target image in response to the second input.

[0143] In this embodiment, the user input unit 907 receives the second input of the user to the scroll screen, and the processor 910 outputs the target image in response to the second input. In this way, image synthesis can be achieved very conveniently.

[0144] Optionally, the display unit 906 is further used to display a first control identifier and a second control identifier, wherein the first control identifier is used to indicate the image status of the first image, and the second control identifier is used to indicate the image status of the second image, and the image status includes an editable state and a locked state.

[0145] In this embodiment, the display unit 906 displays a first control indicator and a second control indicator. The first control indicator indicates the image status of the first image, and the second control indicator indicates the image status of the second image. The image statuses include editable and locked. This makes the image statuses of the first and second images explicit, reminding the user of the currently editable image during image synthesis, thereby improving the user experience.

[0146] Optionally, the user input unit 907 is further configured to receive a third input from the user on the first control identifier when the image state of the first image indicated by the first control identifier is a locked state;

[0147] The processor 910 is further configured to update the image state of the first image from a locked state to an editable state in response to the third input;

[0148] The user input unit 907 is further configured to receive a fourth input from the user on the scroll screen;

[0149] The processor 910 is further configured to update a first image parameter of the first image in response to the fourth input, where the first image parameter includes at least one of the following: transparency, image style, color parameter, and image size.

[0150] In this embodiment, when the image state of the first image indicated by the first control identifier is a locked state, the user input unit 907 receives a third input from the user to the first control identifier; the processor 910 updates the image state of the first image from a locked state to an editable state in response to the third input; the user input unit 907 receives a fourth input from the user to the scroll screen; the processor 910 updates the first image parameters of the first image in response to the fourth input, and the first image parameters include at least one of the following: transparency, image style, color parameters, and image size. In this way, when synthesizing images, the image state of the first image can be adjusted by the user performing the third input on the first control identifier, and the first image parameters of the first image can be updated by performing the fourth input on the scroll screen of the image processing device, so that the image effect of the synthesized image can be adjusted by updating the first image parameters of the first image, thereby simplifying the operation steps of adjusting the image parameters and improving the flexibility of effect changes during image synthesis.

[0151] Optionally, the user input unit 907 is further configured to receive a fifth input from the user when the image state of the first image indicated by the first control identifier is an editable state and the image state of the second image indicated by the second control identifier is an editable state;

[0152] The processor 910 is further configured to update a first image parameter of the first image and a second image parameter of the second image in response to the fifth input.

[0153] In this embodiment, when the image state of the first image indicated by the first control indicator is editable, and the image state of the second image indicated by the second control indicator is editable, a fifth user input is received via the user input unit 907; and in response to the fifth input, the first image parameters of the first image and the second image parameters of the second image are updated via the processor 910. In this way, the first image parameters of the first image and the second image parameters of the second image can be adjusted simultaneously, thereby adjusting the image effect of the synthesized image by simultaneously updating the first image parameters of the first image and the second image parameters of the second image. This simplifies the image parameter adjustment process and increases the flexibility of changing the effect during image synthesis.

[0154] Optionally, the display unit 906 is further configured to:

[0155] displaying a second image superimposed on the first image;

[0156] Alternatively, a first window is displayed on the first image, and the first window is used to display the second image.

[0157] In this embodiment, the second image is superimposed and displayed on the first image by the display unit 906; or a first window is displayed on the first image, and the first window is used to display the second image. In this way, the second image can be flexibly displayed on the first image.

[0158] Optionally, the user input unit 907 is further configured to receive a sixth input from the user on the scroll screen;

[0159] The display unit 906 is further configured to display a third image on the first image and the second image in response to the sixth input.

[0160] In this embodiment, the user input unit 907 receives a sixth input from the user on the scroll screen; the display unit 906 responds to the sixth input by displaying a third image on top of the first and second images. This allows for flexible addition of a third image and enables image synthesis of multiple images.

[0161] It should be understood that in an embodiment of the present application, the input unit 904 may include a graphics processing unit (GPU) 9041 and a microphone 9042. The graphics processor 9041 processes image data of still images or videos obtained by an image capture device (such as a camera) in video capture mode or image capture mode. The display unit 906 may include a display panel 9061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, etc. The user input unit 907 includes a touch panel 9071 and other input devices 9072. The touch panel 9071 is also called a touch screen. The touch panel 9071 may include two parts: a touch detection device and a touch controller. Other input devices 9072 may include, but are not limited to, a physical keyboard, function keys (such as volume control keys, power keys, etc.), a trackball, a mouse, and a joystick, which will not be described in detail here. The memory 909 may be used to store software programs and various data, including, but not limited to, applications and operating systems. The processor 910 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and applications, etc., and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into the processor 910.

[0162] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the above-mentioned image processing method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0163] The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory (ROM), random access memory (RAM), a magnetic disk, or an optical disk.

[0164] An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned image processing method embodiment and achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0165] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0166] It should be noted that, in this article, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the statement "comprises a ..." does not exclude the presence of other identical elements in the process, method, article or device comprising the element. In addition, it should be noted that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in the opposite order according to the functions involved. For example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0167] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), including a number of instructions for enabling a terminal (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0168] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

Claims

1. An image processing method, applied to an image processing device with a scroll screen, characterized in that: include: displaying a second image on the first image; The displaying of the second image on the first image includes: when the scroll screen displays the first image and an expansion input is received for the scroll screen in an unexpanded state, displaying a preview image during shooting in a display area of ​​the scroll screen, the preview image being the second image; When the second image is in an editable state, receiving a first input from a user on the scroll screen, where the first input is used to adjust an expansion distance of the scroll screen; In response to the first input, second image parameters of the second image are updated, where the second image parameters are determined according to the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameter, image size, and image position.

2. The image processing method according to claim 1, wherein: After updating the second image parameters of the second image, the method further includes: receiving a second input from a user on the scroll screen; In response to the second input, a target image is output.

3. The image processing method according to claim 1, wherein: After displaying the second image on the first image, the method further includes: A first control mark and a second control mark are displayed, wherein the first control mark is used to indicate an image state of the first image, and the second control mark is used to indicate an image state of the second image, wherein the image states include an editable state and a locked state.

4. The image processing method according to claim 3, wherein: When the image state of the first image indicated by the first control identifier is a locked state, receiving a third input from the user on the first control identifier; In response to the third input, updating the image state of the first image from a locked state to an editable state; receiving a fourth input from the user on the scroll screen; In response to the fourth input, first image parameters of the first image are updated, where the first image parameters include at least one of the following: transparency, image style, color parameter, and image size.

5. The image processing method according to claim 3, wherein: receiving a fifth input from a user when the image state of the first image indicated by the first control marker is an editable state and the image state of the second image indicated by the second control marker is an editable state; In response to the fifth input, a first image parameter of the first image and a second image parameter of the second image are updated.

6. The image processing method according to claim 1, wherein: The displaying of the second image on the first image comprises: displaying a second image superimposed on the first image; Alternatively, a first window is displayed on the first image, and the first window is used to display the second image.

7. The image processing method according to claim 1, wherein: After updating the second image parameters of the second image, the method further includes: receiving a sixth input from the user on the scroll screen; In response to the sixth input, a third image is displayed on the first and second images.

8. An image processing device having a scroll screen, characterized in that: include: a first display module, configured to display a second image on the first image; a first display module, specifically configured to display a first image on the scroll screen and, upon receiving an input for expanding the scroll screen in an unexpanded state, display a preview image during shooting in a display area of ​​the scroll screen, the preview image being the second image; a first receiving module, configured to receive a first input from a user on the scroll screen when the second image is in an editable state, wherein the first input is used to adjust an expansion distance of the scroll screen; The first update module is used to update the second image parameters of the second image in response to the first input, where the second image parameters are determined according to the expansion distance of the scroll screen, and the second image parameters include at least one of the following: transparency, image style, color parameter, image size, and image position.

9. An electronic device, characterized in that: The method comprises a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the image processing method according to any one of claims 1 to 7.

10. A readable storage medium, characterized in that: The readable storage medium stores a program or instruction, and when the program or instruction is executed by a processor, the steps of the image processing method according to any one of claims 1 to 7 are implemented.

Images