WO2021218016A1 - Picture cropping method and apparatus, computer device, and storage medium - Google Patents

Abstract

The present application relates to the field of artificial intelligence. Disclosed are a picture cropping method and apparatus, a computer device and a storage medium. Said method comprises: receiving a picture cropping instruction inputted by a user; according to a preset pop-up layer, performing corresponding proportional processing on a first cropping picture; then receiving the size of a cropping frame; determining the actual size of the cropping frame in the first cropping picture; determining the size of a cropped box according to the ratio of the width to the height of the cropping frame; determining the scaling of the first cropping picture; scaling the first cropping picture according to the scaling; obtaining a cropping region of the cropping frame in a target cropping picture; and then according to a left offset and an upper offset of the cropping region, determining the position of the cropping region in the target cropping picture, and hiding an image outside the cropping region. The function of picture cropping is achieved without reading the content of all pixels of the whole picture into a memory and without outputting a new picture again, thereby increasing the picture cropping efficiency.

Description

Picture cutting method, device, computer equipment and storage medium

This application claims the priority of a Chinese patent application filed with the Chinese Patent Office on April 29, 2020, the application number is 202010357558.0, and the invention title is "A picture cutting method, device, computer equipment and storage medium". The entire content of the application is approved The reference is incorporated in this application.

Technical field

This application relates to the field of artificial intelligence, to the field of image processing technology, and in particular to a picture cropping method, device, computer equipment, and storage medium.

To

Background technique

With the rapid development of image processing technology, image processing software developers provide more and more types of image processing software and more and more functions. The current mainstream image processing software all have the image cropping function. The picture cropping function is one of the main functions necessary for many image processing software or picture websites today. It allows users to crop the uploaded picture to obtain a new cropped picture.

The current method of image cropping is to import the original image that needs to be cropped, and then crop the original image to obtain a new cropped image. At present, almost all picture cropping functions in the world are realized by the new feature canvas of html5. Before the canvas canvas came out, the web-side processed pictures by setting the display width and height of the picture or using it as a background picture. Its ability to process pictures was very limited. When html5 came out, it also brought new labels such as canvas, audio, video (html tags). There are many, such as div, p, h1, h2, etc.). Among them, canvas is the container used to draw the image. It can read the content of the image, and can manipulate each pixel in the image to achieve the needs of operating the width, height or definition of the image, and finally output a new image; A picture has a fixed pixel value, such as a pixel with a size of 2000 * 2000, the picture is composed of 4 million pixels, and at the same time, each pixel represents a color, which is composed of three colors of rgb. A pixel can theoretically represent 25 * 25 * 25 colors. The actual data size of the image may be 4000000 bytes, which is approximately equal to 3.8 megabytes (4000000 / 1024 / 1024). The process of outputting a new image is Input the content and control parameters of all pixels of the entire image, and use the calculation of each pixel to achieve the operation of blurring or synthesizing a new image, and image processing software such as PS software is required to process the image to be accurate To every pixel. In this way, functions such as cropping and compositing of pictures can be realized.

To

technical problem

The inventor realized that the need for canvas to read the content of the picture, manipulate the picture in the memory, and finally re-output a new picture, the calculation process will consume a lot of computing resources.

To

Technical solutions

This application provides a picture cropping method, device, computer equipment, and storage medium to solve the problem that a new picture needs to be re-output during the picture cropping process, and a large amount of computing resources will be consumed in the calculation process.

A picture cropping method includes: receiving a picture cropping instruction input by a user, wherein the picture cropping instruction carries a first cropped picture and the size of a box corresponding to the first cropped picture; The first cropped picture is subjected to equal ratio processing to obtain the second cropped picture, which is displayed in the preset pop-up layer; a cropping console for setting cropping parameters is created in the preset pop-up layer, wherein the cropping The size of the console is the size of the second cropped picture; receives the size of the crop frame set by the user; calculates the size of the crop frame to obtain the actual size of the crop frame in the first cropped picture; according to The ratio between the width and the height of the cropping frame, crop the box corresponding to the first cropped picture to obtain the cropped box corresponding to the ratio; calculate the actual size of the cropping frame in the first cropped picture The magnification between the size of the cropped box and the size of the cropped box, and the magnification is used as the zoom ratio of the first cropped picture; correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; The zoom ratio calculates the actual pixels of the crop frame in the first cropped picture to obtain the crop area, where the crop area includes the left offset of the crop area and the upper offset of the crop area; according to the size of the crop area The left offset and the upper offset determine the position of the cropped area in the target cropped picture, hide images outside the cropped area, and obtain a cropped picture; and display the cropped picture.

A picture cropping device, comprising: a picture cropping instruction module that receives a picture cropping instruction input by a user, wherein the picture cropping instruction carries a first cropped picture and the size of a box corresponding to the first cropped picture; etc. The ratio processing module, which performs equal ratio processing on the first cropped picture according to the preset pop-up layer, obtains the second cropped picture, and displays it in the preset pop-up layer; creates a cropping console module, and pops it up in the preset A cropping console for setting cropping parameters is created in the layer, wherein the size of the cropping console is the size of the second cropped picture; a module for receiving cropping frame size, receiving the size of the cropping frame set by the user; a first calculation module Calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; the cropping module, according to the ratio between the width and the height of the cropping frame, performs the first cropping The box corresponding to the picture is cropped to obtain the cropped box corresponding to the ratio; the second calculation module calculates the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and The magnification is used as the zoom ratio of the first cropped picture; the zoom module correspondingly zooms the first cropped picture according to the zoom ratio to obtain the target cropped picture; and the third calculation module performs the cropping according to the zoom ratio The frame is calculated on the actual pixels of the first cropped picture to obtain the cropped area, where the cropped area includes the left offset of the cropped area and the offset on the cropped area; the position determining module, according to the left offset of the cropped area The shift amount and the upper offset determine the position of the cropped area in the target cropped picture, hide images outside the cropped area to obtain the cropped picture; a display module displays the cropped picture.

A computer device includes a memory, a processor, and computer-readable instructions stored in the memory and capable of running on the processor. When the processor executes the computer-readable instructions, the following steps are implemented: receiving a user The inputted picture cropping instruction, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; the first cropped picture is processed in equal proportions according to the preset pop-up layer, Obtain the second cropped picture and display it in the preset pop-up layer; create a cropping operation table for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping operation table is the second cropping The size of the picture; receiving the size of the cropping frame set by the user; calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; according to the width and height of the cropping frame The ratio of the first cropped picture is cropped to obtain the cropped box corresponding to the ratio; the cropping box is calculated between the actual size of the first cropped picture and the size of the cropped box The magnification, and the magnification is used as the zoom ratio of the first cropped picture; correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; according to the zoom ratio, the crop frame is set in the The actual pixels of the first cropped picture are calculated to obtain the cropped area, where the cropped area includes the left offset of the cropped area and the upper offset of the cropped area; according to the left offset and the upper offset of the cropped area, Determine the position of the cropped area in the target cropped picture, hide images outside the cropped area, and obtain a cropped picture; and display the cropped picture.

One or more readable storage media storing computer readable instructions, when the computer readable instructions are executed by one or more processors, the one or more processors perform the following steps: receiving a picture input by a user A cropping instruction, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; the first cropped picture is processed in equal proportions according to the preset pop-up layer to obtain the second Crop the picture and display it in the preset pop-up layer; create a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture Receive the size of the crop frame set by the user; calculate the size of the crop frame to obtain the actual size of the crop frame in the first cropped picture; according to the ratio between the width and height of the crop frame, Crop the box corresponding to the first cropped picture to obtain a cropped box corresponding to the ratio; calculate the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and Use the magnification as the zoom ratio of the first cropped picture; correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; adjust the cropping frame in the first cropped picture according to the zoom ratio The actual pixels of the picture are calculated to obtain the cropped area, where the cropped area includes the left offset of the cropped area and the upper offset of the cropped area; the left offset and the upper offset of the cropped area are used to determine the The position of the cropped area in the target cropped picture, hide the image outside the cropped area, and obtain the cropped picture; and display the cropped picture.

To

Beneficial effect

In one of the solutions implemented by the above-mentioned picture cropping method, device, computer equipment and storage medium, this solution obtains the cropped picture without re-outputting a new picture. When the user stops cropping in the cropping console After the frame is stretched and positioned, the size of the crop frame set by the user in the cropping console is received, and the parameters of the left offset and the upper offset of the cropped area are obtained, so as to determine the size of the cropped area in the target cropped picture. The position, and then according to the above parameters to control the partial display of the original image, there is no need to read all the pixel content of the entire image into the memory, so it saves a lot of computing resources, so this solution can output a new In the case of a picture, the picture cropping function is realized, thereby improving the efficiency of picture cropping and reducing the loss of computing resources.

The details of one or more embodiments of the present application are presented in the following drawings and description, and other features and advantages of the present application will become apparent from the description, drawings and claims.

To

Description of the drawings

In order to explain the technical solutions of the present application more clearly, the following will briefly introduce the accompanying drawings used in the description of the present application. Obviously, the accompanying drawings in the following description are only some embodiments of the present application. Ordinary technicians can obtain other drawings based on these drawings without creative labor.

Fig. 1 is a flowchart of a picture cropping method in an embodiment of the present application;

FIG. 2 is another flowchart of a picture cropping method in an embodiment of the present application;

Fig. 3 is a schematic block diagram of a picture cropping device in an embodiment of the present application;

Fig. 4 is a schematic diagram of a computer device in an embodiment of the present application.

To

Detailed ways

The technical solutions in this application will be clearly and completely described below in conjunction with the drawings in this application. Obviously, the described embodiments are part of the embodiments of this application, rather than all of them. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative work shall fall within the protection scope of this application.

In one embodiment, as shown in FIG. 1, a method for cropping a picture is provided, which includes the following steps:

S10 : Receive a picture cropping instruction input by the user, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture.

The first cropped picture is a complete original picture that needs to be cropped. For example, the user sends out a first cropped picture with a size of 2000 * 2000 pixels to crop, and the cropping program receives the picture cropping instruction input by the user. The size of the box corresponding to the first cropped picture is the actual pixel value of the box in the display area of the first cropped picture; for example, the first cropped picture and the first cropped picture with a size of 2000 * 2000 pixels are included in the picture cropping instruction The size of the corresponding box is 100* 100 pixels.

S20 : Perform proportional processing on the first cropped picture according to the preset pop-up layer to obtain a second cropped picture, and display it in the preset pop-up layer.

Generally speaking, when we plan to crop a picture, there is often a "crop" button. Click the "crop" button, and it will be displayed on personal computers, laptops, smartphones, tablets and portable wearable devices. A preset pop-up layer is popped up. The preset pop-up layer is preset. For example, the size of the preset pop-up layer is 800*800 pixels.

The second cropped picture refers to a picture in which the first cropped picture displayed in the preset pop-up layer undergoes equal ratio processing. To scale the first cropped image with a size of 2000 * 2000 pixels and display it in the preset pop-up layer with a size of 800 * 800 pixels, you need to scale the first cropped image with a size of 2000 * 2000 pixels. 2000/800=2.5 times, that is, the first cropped picture with a size of 2000 * 2000 pixels is reduced by 2.5 times to obtain a second cropped picture with a size of 800 * 800 pixels.

S30 : Create a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture.

The cropping console refers to the area where the first cropped picture actually occupies the position and size of the preset pop-up layer when the first cropped picture is scaled up or down and drawn on the preset pop-up layer, and the user’s subsequent crop frame None of the operations can exceed the scope of this cutting console.

For example, create a cropping console for setting cropping parameters in a preset pop-up layer with a size of 800*800 pixels, where the size of the second cropped picture is 800*800 pixels, that is, the pixels of the cropping console The pixels of the second cropped picture, that is, the size of the cropping console is also 800 * 800 pixels.

S40 : Receive the size of the cropping frame set by the user.

The cropping frame is a rectangular cropping frame, and the second cropping picture is a rectangular picture. A rectangular coordinate system is established with the top-left vertex of the second cropping picture displayed on the cropping console as the origin. The pixels of the cropping frame include the top left of the cropping frame. The pixel of the abscissa of the corner vertex is the left offset of the leftmost corner of the cropping frame from the leftmost left of the cutting console, and the ordinate of the top left corner of the cropping frame is the topmost distance of the cropping frame. The upper offset of the top edge of the cropping console The amount, the width of the cropping frame and the height of the cropping frame. For example, the parameters of the cropping frame include that the left offset of the cropping frame is 400 pixels, the top offset is 500 pixels, the width is 400 pixels, and the height is 300 pixels.

S50 : Calculate the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture.

For example, according to the size of the cropping console is 800 * 800 pixels, the left offset of the crop frame is 400 pixels, the top offset is 500 pixels, the width is 400 pixels, and the height is 300 pixels. Calculate, according to the ratio between the left offset of the crop frame and the width of the cropping console: |400/800|, calculate the left offset of the crop frame to obtain the crop frame The actual left offset of the first cropped picture _left=2000*|(400/800)|=1000 pixels; according to the upper offset top of the cropping frame and the height of the cropping console Ratio: |500/800|, calculate the upper offset of the cropping frame to obtain the actual offset of the cropping frame in the first cropped picture_top=2000*|(500/800) |=1250 pixels; According to the ratio between the width of the cropping frame and the width of the cropping console: |400/800|, the width of the cropping frame is calculated to obtain that the cropping frame is in the first The actual width of a cropped picture_width=2000*|(400/800)|=1000 pixels; according to the ratio between the height of the cropping frame and the height of the cropping console: |300/800|, for all The height of the cropping frame is calculated to obtain the actual height of the cropping frame in the first cropped picture_height=2000*|(300/800)|=750 pixels.

S60 : According to the ratio between the width and the height of the cropping frame, crop the box corresponding to the first cropped picture to obtain the cropped box corresponding to the ratio.

For example, the ratio between the width and height of the cropping frame is |400:300|, that is |4:3|, and the size of the box corresponding to the first cropped picture is 100 * 100 pixels, then according to the width and height of the cropping frame With the ratio of 4:3, the size of the box after cropping corresponding to the ratio is 100 * 75 pixels.

S70 : Calculate the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and use the magnification as the zoom ratio of the first cropped picture.

For example, where the actual width of the cropping frame in the first cropped picture is _width=1000 pixels, the actual height _height=750 pixels, and the size of the cropped box is 100*75 pixels, so the cropping frame is in the first cropped picture. The magnification ratio between the actual size of and the size of the cropped box is 1000/100=10 times, that is, the zoom ratio of the first cropped picture is 10 times.

S80 : Correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture.

For example, the first cropped picture with a size of 2000*2000 pixels is correspondingly scaled according to a zoom ratio of 10 times, and the size of the target cropped picture obtained according to the zoom ratio is 200*200 pixels.

S90 : Calculate the actual pixels of the cropping frame in the first cropped picture according to the zoom ratio to obtain a cropped area, where the cropped area includes a left offset of the cropped area and an upper offset of the cropped area.

For example, the actual offset _left=-1000 pixels of the cropping frame in the first cropped picture and the actual offset _top=-1250 pixels of the cropping frame in the first cropped picture are calculated according to a reduction ratio of 10 times to obtain the cropped area The left offset is -1000/10= -100 pixels, and the upper offset is -1250/10= -125 pixels.

S100 : Determine the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hide images outside the cropped area, and obtain a cropped picture.

For example, where the left offset of the crop area is -100 pixels, the upper offset is -125 pixels, the size of the target cropped image is 200*200 pixels, and the size of the cropped box is 100*75 pixels, using div The overflow: hidden style attribute of the box, that is, hide the image outside the cropped area, and the displayed image is the cropped image, that is, the first cropped image <img width='100px'; height='100px'; src= '2000*2000px'>After being cropped, it becomes a cropped picture:

<div style=‘width:100px;height:75px;overflow:hidden’>

<img style=‘width:200px;height:200px;left:-100px;top:-125px’>

</div> .

S110 : Show the cropped picture.

The cropped picture is sent to the client, so that the client displays the cropped picture, and the cropped picture can be displayed on a personal computer, a notebook computer, a smart phone, a tablet computer, and a portable wearable device.

In this embodiment, taking the tool for quickly generating HTML5 pages as an example, when users need to create HTML5 pages, they need to add a large number of pictures and texts. When using pictures, there will be a need to crop the pictures to achieve editing. The purpose of the article; this solution is a technical implementation proposed for image cropping. The image cropping process avoids the problem of canvas reading the image content, operating the image in the memory, and finally outputting a new image. In order to improve the efficiency of image cropping and output, it can reduce the loss of computing resources.

In the embodiment corresponding to Figure 1, this solution does not need to re-output a new image to obtain the cropped picture; when the user stops stretching and positioning the crop frame in the cropping console, the receiving user is cropping The size of the cropping frame set in the console is used to obtain the left offset and upper offset parameters of the cropped area, so as to determine the position of the cropped area in the target cropped image, and then obtain the control of the original image according to the above parameters Partial display does not need to read all the pixel content of the entire picture into the memory, so it saves a lot of computing resources, so this solution can realize the cropping function of the picture without re-outputting a new picture. Thereby improving the efficiency of picture cropping and reducing the loss of computing resources.

In one embodiment, after step S100 and before S110, that is, after the cropped picture is obtained, and before the cropped picture is displayed, the following steps are specifically included:

S120 : Receive a picture re-cropping instruction input by the user, where the picture re-cropping instruction includes the cropping console for setting cropping parameters.

After the cropping program receives the re-cropping instruction, the re-cropping instruction includes a cropping console for setting cropping parameters, which can directly re-crop the same picture without recalculating the size of the cropping console.

S130 : According to the cutting operation table, re-execute the step of setting the size of the cutting frame.

According to the size of the cutting operation table, re-execute the steps of setting the size of the crop frame and the subsequent steps. This step has been described in detail above, so I will not repeat it here.

In this embodiment, the picture re-cropping instruction input by the user is received, where the picture re-cropping instruction includes the cropping console for setting cropping parameters. Re-cropping the same picture can directly obtain cropping for setting cropping parameters. The operating table does not need to be recalculated, which improves cutting efficiency.

In one embodiment, in step S20, that is, performing equal ratio processing on the first cropped picture according to the preset pop-up layer to obtain the second cropped picture, specifically includes the following steps:

If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the first cropped picture is taken as the first cropped picture. 2. Crop the picture.

For example, the size of the first cropped picture is 100*100 pixels, and the size of the preset pop-up layer is 800*800 pixels. At this time, the width of the first cropped picture is 100 pixels wider than that of the preset pop-up layer by 800 pixels. If the pixels are small, and the height of 100 pixels of the first cropped picture is smaller than the height of 800 pixels of the preset pop-up layer, the first cropped picture does not need to be stretched or reduced, and it is directly used as the second cropped picture.

If the width of the first cropped picture is equal to the width of the preset pop-up layer, and the height of the first cropped picture is equal to the height of the preset pop-up layer, then the first cropped picture is taken as the first cropped picture. 2. Crop the picture.

For example, the size of the first cropped picture is 100*100 pixels, and the size of the preset pop-up layer is 100*100 pixels. At this time, the width of the first cropped picture is 100 pixels and the width of the preset pop-up layer is 100 pixels. If the pixels are equal, and the height of 100 pixels of the first cropped picture is equal to the height of 100 pixels of the preset pop-up layer, the first cropped picture does not need to be stretched or reduced, and it is directly used as the second cropped picture.

In this embodiment, the width and height of the first cropped image are compared with the width and height of the preset pop-up layer, and the ratio of the width and height of the first cropped image is determined according to the ratio of the two. Obtaining the second cropped picture can enable the first cropped picture to be displayed in the cropping console without being stretched or deformed.

In an embodiment, if the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the first crop is calculated The first ratio of the width of the picture to the width of the preset pop-up layer. The first cropped picture is reduced according to the first ratio to obtain the second cropped picture.

Suppose that the size of the first cropped picture is 2000 * 1000 pixels, and the size of the preset pop-up layer is 1366 * 1560. At this time, the width of the first cropped picture is 2000 pixels larger than the width of the preset pop-up layer of 1566 pixels. , And the height of the first cropped picture of 1000 pixels is smaller than the height of 1560 pixels of the preset pop-up layer, then the first ratio of the width of the first cropped picture to the width of the preset pop-up layer is calculated: 2000 / 1366 = 1.464.

That is to say, the width and height of the first cropped picture need to be reduced by 1.464 times at the same time, so that the preset pop-up layer can fully place the first cropped picture, and the first cropped picture is reduced according to the first ratio of 1.464 times to obtain the second crop. The width of the picture: 2000/1.464=1366 pixels, the height of the second cropped picture: 1000/1.464=683 pixels, and the size of the second cropped picture is 1366*683 pixels.

In this embodiment, the width and height of the first cropped picture are compared with the width and height of the preset pop-up layer, and the ratio of the width and height of the first cropped picture is determined according to the ratio of the two. , So as to obtain the second cropped picture, and reduce the first cropped picture according to the first ratio, so that the preset pop-up layer can wrap the picture, and further enable the first cropped picture to be displayed in the cropping console without deformation.

In an embodiment, if the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is greater than the height of the preset pop-up layer, then the first crop is calculated The second ratio of the height of the picture to the height of the preset pop-up layer. The first cropped picture is reduced according to the second ratio to obtain the second cropped picture.

If the size of the first cropped picture is 2000*1000 pixels, and the size of the preset pop-up layer is 2600*768, at this time, the width of the first cropped picture is 2000 pixels smaller than the width of the preset pop-up layer of 2600 pixels , And the height of the first cropped picture is 1000 pixels larger than the height of the preset pop-up layer by 768 pixels, then the second ratio of the width of the first cropped picture to the height of the preset pop-up layer is calculated: 1000 / 768 = 1.302.

That is to say, the width and height of the first cropped image need to be reduced by 1.302 times at the same time, so that the preset pop-up layer can fully place the first cropped image, and the first cropped image is reduced according to the first ratio of 1.302 times to obtain the second crop. The width of the picture: 2000/1.302=1512 pixels, the height of the second cropped picture: 1000/1.302=768 pixels, the size of the second cropped picture is 1512*768 pixels.

In this embodiment, the width and height of the first cropped picture are compared with the width and height of the preset pop-up layer respectively, and the proportional zoom value of the first cropped picture is determined according to the ratio of the two, so as to obtain the second The picture is cropped, and the preset pop-up layer can wrap the picture, further making the first cropped picture displayed in the cropping console without distortion.

In an embodiment, if the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is greater than the height of the preset pop-up layer, then the first cropped picture is calculated The third ratio of the width of and the width of the preset pop-up layer. Calculate a fourth ratio of the height of the first cropped picture to the height of the preset pop-up layer. The third ratio is compared with the fourth ratio, and the larger value is the zoom ratio. The first cropped picture is reduced according to the zoom ratio to obtain the second cropped picture.

Suppose that the size of the first cropped picture is 2000 * 1000 pixels, and the size of the preset pop-up layer is 1366 * 768 pixels. At this time, the width of the first cropped picture is 2000 pixels larger than the width of the preset pop-up layer of 1366 pixels. , And the height of the first cropped picture is 1000 pixels larger than the height of the preset pop-up layer is 768 pixels, then the third ratio of the width of the first cropped picture to the width of the preset pop-up layer is calculated as 2000/ 1366 = 1.464.

Calculate a fourth ratio of the height of the first cropped picture to the height of the preset pop-up layer: 1000/768=1.302.

That is to say, the width of the first cropped picture needs to be reduced by 1.464 times, so that the preset pop-up layer can fully place the picture. At the same time, in the height dimension, the first cropped picture needs to be reduced by 1.302 times to fully place the first cropped picture, so take the value The larger is the zoom ratio, that is, the image width and height are reduced by 1.464 times at the same time.

The first cropped image is reduced according to the zoom ratio of 1.464 times, and the width of the second cropped image is obtained: 2000 / 1.464 = 1366 pixels, and the height of the second cropped image: 1000 / 1.464 = 683 pixels, that is, the size of the second cropped picture is 1366*683 pixels.

In this embodiment, the width and height of the first cropped picture are compared with the width and height of the preset pop-up layer respectively, and the proportional zoom value of the first cropped picture is determined according to the ratio of the two, so as to obtain the second The picture is cropped so that the preset pop-up layer can wrap the picture, so that the first cropped picture is displayed in the cropping console without deformation.

In one embodiment, as shown in FIG. 2, the cropping frame parameters include taking the pixel of the abscissa of the vertex of the upper left corner of the cropping frame as the leftmost offset of the cropping frame from the leftmost left of the cropping console, and taking the cropping frame The ordinate of the upper left corner vertex is the upper offset of the uppermost edge of the cropping frame from the uppermost edge of the cutting console, the width of the cropping frame, and the height of the cropping frame. In step S50, it is the size of the cropping frame. Performing calculations to obtain the actual size of the cropping frame in the first cropped picture specifically includes the following steps:

S51 : Calculate the width of the cropping frame using the following formula to obtain the actual width of the cropping frame in the first cropped picture:

Actual width = The width of the first cropped picture * the width of the cropping frame/the width of the cropping console.

For example, if the width of the cropping frame is 400 pixels, the size of the first cropped picture is 2000*1000 pixels, and the size of the cropping console is 800*800 pixels, then the actual width of the first cropped picture_width=2000*| (400/800)|=1000 pixels.

S52 : Calculate the height of the cropping frame using the following formula to obtain the actual height of the cropping frame in the first cropped picture:

The actual height = the height of the first cropped picture * the height of the cropping frame / the height of the cropping console.

For example, if the height of the cropping frame is 300 pixels, then the actual height of the cropping frame in the first cropped picture_height=2000*|(300/800)|=750 pixels.

S53 : Use the following formula to calculate the left offset of the cropping frame to obtain the actual left offset of the cropping frame in the first cropped picture:

Actual left Offset = the width of the first cropped picture * the left offset of the cropping frame / the width of the cropping console.

For example, if the left offset left of the cropping frame is 400 pixels, the actual left offset of the first cropped picture is _left=2000*|(400/800)|=1000 pixels.

S54 : Use the following formula to calculate the upper offset of the cropping frame to obtain the actual offset of the cropping frame in the first cropped picture:

For example, if the top offset top of the crop frame is 500 pixels, the actual offset of the first cropped picture is _top=2000*|(500/800)|=1250 pixels.

Actual offset=height of the first cropped picture*upper offset of cropping frame/height of cropping console.

It can be seen that in the embodiment corresponding to FIG. 2, setting the parameters of the cropping frame in the cropping console, and performing corresponding calculations on the parameters of the cropping frame in the cropping console according to the corresponding formula, can accurately obtain that the cropping frame is in the first crop The actual pixels of the picture.

In an embodiment, in step S40, the receiving the size of the crop frame set by the user specifically includes the following steps:

S41 : Receive a moving operation of the contact set by the user on the frame line of the cropping frame, and adjust the size of the cropping frame according to the moving operation.

The cropping frame in this embodiment is a rectangular cropping frame. The rectangular cropping frame is provided with a contact point each in the middle of the four vertices and four edges, and the cropping area selected by the cropping frame can be adjusted by moving the contact points.

In this embodiment, by receiving the moving operation of the contact set by the user on the border line of the cropping frame, and adjusting the size of the cropping frame according to the moving operation, it is convenient for the user to quickly and accurately crop out the desired picture. , And it is convenient for users to fine-tune the cropping frame to improve the efficiency of picture cropping.

It should be understood that the size of the sequence number of each step in the foregoing embodiment does not mean the sequence of execution. The execution sequence of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of this application.

To

In one embodiment, a picture cropping device is provided, and the picture cropping device corresponds to the picture cropping method in the above-mentioned embodiment one-to-one. As shown in FIG. 3, the picture cropping device includes a picture cropping instruction module 10, a ratio processing module 20, a cropping console creation module 30, a crop frame size receiving module 40, a first calculation module 50, a cropping module 60, and a second The calculation module 70, the zoom module 80, the third calculation module 90, the position determination module 100, and the display module 110. The detailed description of each functional module is as follows: the picture cropping instruction module 10 receives the picture cropping instruction input by the user, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; etc. The ratio processing module 20 performs equal ratio processing on the first cropped picture according to a preset pop-up layer to obtain a second cropped picture, which is displayed in the preset pop-up layer; creates a cropping console module 30, Suppose that a cropping console for setting cropping parameters is created in the pop-up layer, where the size of the cropping console is the size of the second cropped picture; the cropping frame size receiving module 40 receives the size of the cropping frame set by the user; A calculation module 50 calculates the size of the crop frame to obtain the actual size of the crop frame in the first cropped picture; the crop module 60 calculates the size of the crop frame according to the ratio between the width and the height of the crop frame The box corresponding to the first cropped picture is cropped to obtain the cropped box corresponding to the ratio; the second calculation module 70 calculates the difference between the actual size of the cropped frame in the first cropped picture and the size of the cropped box The zoom ratio of the first cropped picture; the zoom module 80 correspondingly zooms the first cropped picture according to the zoom ratio to obtain the target cropped picture; the third calculation module 90 is configured to The zoom ratio calculates the actual pixels of the cropping frame in the first cropped picture to obtain a cropped area, where the cropped area includes the left offset of the cropped area and the upper offset of the cropped area; the position determining module 100 Determine the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hide images outside the cropped area to obtain the cropped picture; display module 110 To display the cropped picture.

For the specific limitation of the picture cropping device, please refer to the above limitation on the picture cropping method, which will not be repeated here. Each module in the above-mentioned picture cropping device can be implemented in whole or in part by software, hardware, and a combination thereof. The above-mentioned modules may be embedded in the form of hardware or independent of the processor in the computer equipment, or may be stored in the memory of the computer equipment in the form of software, so that the processor can call and execute the operations corresponding to the above-mentioned modules.

In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as shown in FIG. 4. The computer equipment includes a processor, a memory, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide calculation and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and computer readable instructions. The internal memory provides an environment for the operation of the operating system and computer-readable instructions in the non-volatile storage medium. The computer readable instruction is executed by the processor to realize a picture cropping method.

In one embodiment, a computer device is provided, including a memory, a processor, and computer-readable instructions stored in the memory and running on the processor, and the processor implements the following steps when the computer-readable instructions are executed: The inputted picture cropping instruction, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; the first cropped picture is processed in equal proportions according to the preset pop-up layer, Obtain the second cropped picture and display it in the preset pop-up layer; create a cropping operation table for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping operation table is the second cropping The size of the picture; receiving the size of the cropping frame set by the user; calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; according to the width and height of the cropping frame The ratio of the first cropped picture is cropped to obtain the cropped box corresponding to the ratio; the cropping box is calculated between the actual size of the first cropped picture and the size of the cropped box The magnification, and the magnification is used as the zoom ratio of the first cropped picture; correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; according to the zoom ratio, the crop frame is set in the The actual pixels of the first cropped picture are calculated to obtain the cropped area, where the cropped area includes the left offset of the cropped area and the upper offset of the cropped area; according to the left offset and the upper offset of the cropped area, Determine the position of the cropped area in the target cropped picture, hide images outside the cropped area, and obtain the cropped picture; and display the cropped picture.

In one embodiment, one or more readable storage media storing computer readable instructions are provided. The readable storage medium stores computer readable instructions. The readable storage media provided in this embodiment include non-transitory A volatile readable storage medium and a volatile readable storage medium. When the computer readable instructions are executed by one or more processors, the one or more processors implement the following steps: receiving a picture cropping instruction input by a user, wherein , The picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; the first cropped picture is processed in equal proportions according to the preset pop-up layer to obtain the second cropped picture, and Displayed in the preset pop-up layer; create a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture; receiving user settings The size of the cropping frame; the size of the cropping frame is calculated to obtain the actual size of the cropping frame in the first cropped picture; according to the ratio between the width and height of the cropping frame, the first A box corresponding to a cropped picture is cropped to obtain a cropped box corresponding to the ratio; the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box is calculated, and the magnification is calculated As the zoom ratio of the first cropped picture; correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; according to the zoom ratio, the actual pixels of the crop frame in the first cropped picture The calculation is performed to obtain the cropping area, where the cropping area includes the left offset of the cropping area and the upper offset of the cropping area; according to the left offset and the upper offset of the cropping area, it is determined that the cropping area is in the The position of the target cropped picture is hidden, the image outside the cropped area is hidden, and the cropped picture is obtained; the cropped picture is displayed.

A person of ordinary skill in the art can understand that all or part of the processes in the methods of the foregoing embodiments can be implemented by instructing relevant hardware through computer-readable instructions. The computer-readable instructions can be stored in a non-volatile computer. In a readable storage medium, when the computer-readable instructions are executed, they may include the processes of the above-mentioned method embodiments. Wherein, any reference to memory, storage, database, or other media used in the embodiments provided in this application may include non-volatile and/or volatile memory. Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. As an illustration and not a limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous chain Channel (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

Those skilled in the art can clearly understand that, for the convenience and conciseness of description, only the division of the above functional units and modules is used as an example. In practical applications, the above functions can be allocated to different functional units and modules as needed. Module completion, that is, the internal structure of the device is divided into different functional units or modules to complete all or part of the functions described above.

The above-mentioned embodiments are only used to illustrate the technical solutions of the present application, not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that they can still implement the foregoing The technical solutions recorded in the examples are modified, or some of the technical features are equivalently replaced; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the application, and should be included in Within the scope of protection of this application .

Claims (20)

A picture cropping method, which includes: Receiving a picture cropping instruction input by a user, wherein the picture cropping instruction carries a first cropped picture and the size of a box corresponding to the first cropped picture; Perform equal ratio processing on the first cropped picture according to the preset pop-up layer to obtain a second cropped picture, and display it in the preset pop-up layer; Creating a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture; Receive the size of the crop frame set by the user; Calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; Cropping the box corresponding to the first cropped picture according to the ratio between the width and the height of the cropping frame to obtain a cropped box corresponding to the ratio; Calculate the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and use the magnification as the zoom ratio of the first cropped picture; Correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; Calculating the actual pixels of the cropping frame in the first cropped picture according to the zoom ratio to obtain a cropping area, where the cropping area includes a left offset of the cropping area and an upper offset of the cropping area; Determine the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hide images outside the cropped area, and obtain a cropped picture; Show the cropped picture. 5. The picture cropping method according to claim 1, wherein after said obtaining the cropped picture and before said displaying the cropped picture, the method further comprises: Receiving a picture re-cropping instruction input by a user, where the picture re-cropping instruction includes the cropping console for setting cropping parameters; According to the cutting operation table, the step of setting the size of the cutting frame is re-executed. 8. The picture cropping method of claim 1, wherein said performing equal ratio processing on said first cropped picture according to a preset pop-up layer to obtain a second cropped picture comprises: If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the first cropped picture is taken as the first cropped picture. 2. Crop the picture; If the width of the first cropped picture is equal to the width of the preset pop-up layer, and the height of the first cropped picture is equal to the height of the preset pop-up layer, then the first cropped picture is used as the Describe the second cropped picture. 8. The picture cropping method according to claim 3, wherein the method further comprises: If the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the width and the width of the first cropped picture are calculated The first ratio of the width of the preset pop-up layer; The first cropped picture is reduced according to the first ratio to obtain the second cropped picture. 5. The picture cropping method according to claim 4, wherein the method further comprises: If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is larger than the height of the preset pop-up layer, then the height and the height of the first cropped picture are calculated The second ratio of the height of the preset pop-up layer; The first cropped picture is reduced according to the second ratio to obtain the second cropped picture. 8. The picture cropping method according to claim 5, wherein the method further comprises: If the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is larger than the height of the preset pop-up layer, then the width and the width of the first cropped picture are calculated. The third ratio of the width of the preset pop-up layer; Calculating a fourth ratio of the height of the first cropped picture to the height of the preset pop-up layer; Comparing the magnitude of the third ratio with the magnitude of the fourth ratio, and the larger value is the scaling ratio; The first cropped picture is reduced according to the zoom ratio to obtain the second cropped picture. The picture cropping method according to claim 1, wherein the cropping frame parameters include taking the pixel of the abscissa of the vertex of the upper left corner of the cropping frame as the leftmost left offset of the cropping frame from the leftmost left offset of the cropping operation platform, and cutting The vertical coordinate of the vertex of the upper left corner of the frame is the upper offset of the uppermost edge of the cropping frame from the uppermost edge of the cutting console, the width of the cropping frame, and the height of the cropping frame. The size of the cropping frame is calculated to obtain the The actual size of the cropping frame in the first cropped picture includes: The width of the cropping frame is calculated using the following formula to obtain the actual width of the cropping frame in the first cropped picture: Actual width = the width of the first cropped picture * the width of the cropping frame/the width of the cropping console; The following formula is used to calculate the height of the cropping frame to obtain the actual height of the cropping frame in the first cropped picture: Actual height = the height of the first cropped picture * the height of the cropping frame/the height of the cropping console; The following formula is used to calculate the left offset of the cropping frame to obtain the actual left offset of the cropping frame in the first cropped picture: The actual left offset = the width of the first cropped picture * the left offset of the cropping frame / the width of the cropping console; The upper offset of the cropping frame is calculated using the following formula to obtain the actual offset of the cropping frame in the first cropped picture: Actual offset=height of the first cropped picture*upper offset of cropping frame/height of cropping console. The picture cropping method according to claim 1, wherein said receiving the size of the cropping frame set by the user comprises: Receive a movement operation of the touch point set by the user on the frame line of the cropping frame, and adjust the size of the cropping frame according to the movement operation. A picture cropping device, which includes: A picture cropping instruction module receiving a picture cropping instruction input by a user, wherein the picture cropping instruction carries the first cropped picture and the size of the box corresponding to the first cropped picture; A proportional processing module, which performs proportional processing on the first cropped picture according to a preset pop-up layer to obtain a second cropped picture, and displays it in the preset pop-up layer; Creating a cropping console module to create a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture; Receive the crop frame size module to receive the size of the crop frame set by the user; The first calculation module calculates the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; A cropping module, according to the ratio between the width and the height of the cropping frame, crop the box corresponding to the first cropped picture to obtain a cropped box corresponding to the ratio; The second calculation module calculates the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and uses the magnification as the zoom ratio of the first cropped picture; A zooming module, correspondingly zooming the first cropped picture according to the zoom ratio to obtain a target cropped picture; The third calculation module calculates the actual pixels of the crop frame in the first cropped picture according to the zoom ratio to obtain a cropped area, wherein the cropped area includes the left offset of the cropped area and the upper offset of the cropped area quantity; The position determining module determines the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hides images outside the cropped area, and obtains the cropped picture; The display module displays the cropped picture. A computer device includes a memory, a processor, and computer-readable instructions that are stored in the memory and can run on the processor, wherein the processor implements the following steps when the processor executes the computer-readable instructions: Receiving a picture cropping instruction input by a user, wherein the picture cropping instruction carries a first cropped picture and the size of a box corresponding to the first cropped picture; Perform equal ratio processing on the first cropped picture according to the preset pop-up layer to obtain a second cropped picture, and display it in the preset pop-up layer; Creating a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture; Receive the size of the crop frame set by the user; Calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; Cropping the box corresponding to the first cropped picture according to the ratio between the width and the height of the cropping frame to obtain a cropped box corresponding to the ratio; Calculate the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and use the magnification as the zoom ratio of the first cropped picture; Correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; Calculating the actual pixels of the cropping frame in the first cropped picture according to the zoom ratio to obtain a cropping area, where the cropping area includes a left offset of the cropping area and an upper offset of the cropping area; Determine the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hide images outside the cropped area, and obtain a cropped picture; Show the cropped picture. 10. The computer device according to claim 10, wherein, after the cropped picture is obtained and before the cropped picture is displayed, the processor further implements the following steps when executing the computer readable instruction: Receiving a picture re-cropping instruction input by a user, where the picture re-cropping instruction includes the cropping console for setting cropping parameters; According to the cutting operation table, the step of setting the size of the cutting frame is re-executed. 10. The computer device according to claim 10, wherein said performing equal-ratio processing on said first cropped picture according to a preset pop-up layer to obtain a second cropped picture comprises: If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the first cropped picture is taken as the first cropped picture. 2. Crop the picture; If the width of the first cropped picture is equal to the width of the preset pop-up layer, and the height of the first cropped picture is equal to the height of the preset pop-up layer, then the first cropped picture is used as the Describe the second cropped picture. The computer device of claim 12, wherein the processor further implements the following steps when executing the computer-readable instructions: If the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the width and the width of the first cropped picture are calculated The first ratio of the width of the preset pop-up layer; The first cropped picture is reduced according to the first ratio to obtain the second cropped picture. The computer device according to claim 13, wherein the processor further implements the following steps when executing the computer readable instruction: If the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is larger than the height of the preset pop-up layer, then the width and the width of the first cropped picture are calculated. The third ratio of the width of the preset pop-up layer; Calculating a fourth ratio of the height of the first cropped picture to the height of the preset pop-up layer; Comparing the magnitude of the third ratio with the magnitude of the fourth ratio, and the larger value is the scaling ratio; The first cropped picture is reduced according to the zoom ratio to obtain the second cropped picture. The computer device according to claim 10, wherein the cropping frame parameter comprises taking the pixel of the abscissa of the vertex at the upper left corner of the cropping frame as the leftmost offset of the cropping frame from the leftmost left of the cropping console, and the cropping frame The ordinate of the upper left corner vertex is the upper offset of the uppermost edge of the cropping frame from the uppermost edge of the cutting console, the width of the cropping frame, and the height of the cropping frame. The size of the cropping frame is calculated to obtain the cropping The actual size of the frame in the first cropped picture includes: The width of the cropping frame is calculated using the following formula to obtain the actual width of the cropping frame in the first cropped picture: Actual width = the width of the first cropped picture * the width of the cropping frame/the width of the cropping console; The following formula is used to calculate the height of the cropping frame to obtain the actual height of the cropping frame in the first cropped picture: Actual height = the height of the first cropped picture * the height of the cropping frame/the height of the cropping console; The following formula is used to calculate the left offset of the cropping frame to obtain the actual left offset of the cropping frame in the first cropped picture: The actual left offset = the width of the first cropped picture * the left offset of the cropping frame / the width of the cropping console; The upper offset of the cropping frame is calculated using the following formula to obtain the actual offset of the cropping frame in the first cropped picture: Actual offset=height of the first cropped picture*upper offset of cropping frame/height of cropping console. One or more readable storage media storing computer readable instructions, where when the computer readable instructions are executed by one or more processors, the one or more processors execute the following steps: Receiving a picture cropping instruction input by a user, wherein the picture cropping instruction carries a first cropped picture and the size of a box corresponding to the first cropped picture; Perform equal ratio processing on the first cropped picture according to the preset pop-up layer to obtain a second cropped picture, and display it in the preset pop-up layer; Creating a cropping console for setting cropping parameters in the preset pop-up layer, wherein the size of the cropping console is the size of the second cropped picture; Receive the size of the crop frame set by the user; Calculating the size of the cropping frame to obtain the actual size of the cropping frame in the first cropped picture; Cropping the box corresponding to the first cropped picture according to the ratio between the width and the height of the cropping frame to obtain a cropped box corresponding to the ratio; Calculate the magnification of the cropping frame between the actual size of the first cropped picture and the size of the cropped box, and use the magnification as the zoom ratio of the first cropped picture; Correspondingly zoom the first cropped picture according to the zoom ratio to obtain the target cropped picture; Calculating the actual pixels of the cropping frame in the first cropped picture according to the zoom ratio to obtain a cropping area, where the cropping area includes a left offset of the cropping area and an upper offset of the cropping area; Determine the position of the cropped area in the target cropped picture according to the left offset and the top offset of the cropped area, hide images outside the cropped area, and obtain a cropped picture; Show the cropped picture. The readable storage medium according to claim 16, wherein, after the cropped picture is obtained and before the cropped picture is displayed, when the computer-readable instructions are executed by one or more processors, such that The one or more processors further execute the following steps: Receiving a picture re-cropping instruction input by a user, where the picture re-cropping instruction includes the cropping console for setting cropping parameters; According to the cutting operation table, the step of setting the size of the cutting frame is re-executed. 15. The readable storage medium according to claim 16, wherein said performing equal-ratio processing on said first cropped picture according to a preset pop-up layer to obtain a second cropped picture comprises: If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the first cropped picture is taken as the first cropped picture. 2. Crop the picture; If the width of the first cropped picture is equal to the width of the preset pop-up layer, and the height of the first cropped picture is equal to the height of the preset pop-up layer, then the first cropped picture is used as the Describe the second cropped picture. The readable storage medium of claim 18, wherein when the computer-readable instructions are executed by one or more processors, the one or more processors further execute the following steps: If the width of the first cropped picture is larger than the width of the preset pop-up layer, and the height of the first cropped picture is smaller than the height of the preset pop-up layer, then the width and the width of the first cropped picture are calculated The first ratio of the width of the preset pop-up layer; The first cropped picture is reduced according to the first ratio to obtain the second cropped picture. The readable storage medium according to claim 19, wherein, when the computer-readable instructions are executed by one or more processors, the one or more processors further execute the following steps: If the width of the first cropped picture is smaller than the width of the preset pop-up layer, and the height of the first cropped picture is larger than the height of the preset pop-up layer, then the height and the height of the first cropped picture are calculated The second ratio of the height of the preset pop-up layer; The first cropped picture is reduced according to the second ratio to obtain the second cropped picture.