CN108388395B - Image clipping method and device and terminal - Google Patents

Image clipping method and device and terminal Download PDF

Info

Publication number
CN108388395B
CN108388395B CN201810145013.6A CN201810145013A CN108388395B CN 108388395 B CN108388395 B CN 108388395B CN 201810145013 A CN201810145013 A CN 201810145013A CN 108388395 B CN108388395 B CN 108388395B
Authority
CN
China
Prior art keywords
image
target image
cropping
information
cutting
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201810145013.6A
Other languages
Chinese (zh)
Other versions
CN108388395A (en
Inventor
张雪
魏博
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Sankuai Online Technology Co Ltd
Original Assignee
Beijing Sankuai Online Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Sankuai Online Technology Co Ltd filed Critical Beijing Sankuai Online Technology Co Ltd
Priority to CN201810145013.6A priority Critical patent/CN108388395B/en
Publication of CN108388395A publication Critical patent/CN108388395A/en
Application granted granted Critical
Publication of CN108388395B publication Critical patent/CN108388395B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The application provides an image clipping method, an image clipping device and a terminal, wherein the method comprises the following steps: determining a target image in a selected state from at least one image; presenting the target image in a display interface according to at least two setting specifications; and determining the cutting information of the target image under the set specification. According to the technical scheme, the image cutting information under different setting specifications can be set in batches, the cutting position or the cutting position and size of each image under each setting specification can be adjusted independently based on the operation of a user, and the flexibility and the customization of image cutting are improved.

Description

Image clipping method and device and terminal
Technical Field
The present application relates to the field of terminal technologies, and in particular, to an image cropping method, an image cropping device, and a terminal.
Background
With the wide application of internet technology, merchants can provide a variety of commodities for consumers through an e-commerce platform, and the commodities can be displayed to the consumers in an image form. In order to improve the display effect of the image on the e-commerce platform, the image can be cut when being imported into the system. In the prior art, a first cropping image and a second cropping image can be selected from an imported image, so that batch identical cropping processing can be performed on the images between the first cropping image and the second cropping image. However, the prior art can only perform the same single cropping processing on batch images, and the flexibility and the customization of the cropping processing on the images are poor.
Disclosure of Invention
In view of this, the present application provides a new technical solution, which can independently adjust the cropping position, or the cropping position and the cropping size of each image under each set specification based on the cropping operation triggered by the user by displaying the display effect of the imported or batch imported images under different set specifications, thereby improving the flexibility of image cropping.
In order to achieve the above purpose, the present application provides the following technical solutions:
according to a first aspect of the present application, an image cropping method is provided, including:
determining a target image in a selected state from at least one image;
presenting the target image in a display interface according to at least two setting specifications;
and determining the cutting information of the target image under the set specification.
In one embodiment, determining cropping information of the target image under a set specification comprises:
if the cutting operation triggered by the user is detected, determining cutting information of the target image under the set specification based on the cutting operation, wherein the cutting information comprises a cutting position or a cutting position and size;
and if the cutting operation triggered by the user is not detected, determining the cutting information based on the default configuration information of the set specification.
In one embodiment, the presenting the target image in the display interface with at least two setting specifications includes:
and displaying the target image in different page elements of the display interface according to the set specification.
In an embodiment, the method further comprises:
locally storing the cutting information of the target image under the set specification;
and sending the metadata of the target image and the cropping information of the target image under the set specification to a server.
In an embodiment, the sending metadata of the target image and cropping information of the target image under the set specification to a server includes:
and sending metadata of the target image and the cropping information of the target image under the set specification determined based on the cropping operation to a server.
According to a second aspect of the present application, there is provided an image cropping device comprising:
the first determining module is used for determining a target image in a selected state from at least one image;
the display module is used for presenting the target image determined by the first determination module in a display interface according to at least two setting specifications;
and the second determining module is used for determining the cutting information of the target image under the set specification.
In an embodiment, the second determining module is specifically configured to:
if the cutting operation triggered by the user is detected, determining cutting information of the image under the set specification based on the cutting operation, wherein the cutting information comprises a cutting position or a cutting position and size;
and if the cutting operation triggered by the user is not detected, determining the cutting information based on the default configuration information of the set specification.
According to a third aspect of the present application, a computer-readable storage medium is proposed, which stores a computer program for executing the image cropping method described in the first aspect.
According to a fourth aspect of the present application, a terminal is presented, the terminal comprising:
a processor; a memory for storing the processor-executable instructions;
wherein, the processor is configured to execute the image cropping method provided by the first aspect.
According to the technical scheme, after one image or a plurality of images are imported in batch, the images can be displayed according to the set specification (for example, the specifications of the image proportion 16:9, 4:3, 1:1 and the like), and the cropping information of the target image under the set specification can be obtained based on the cropping operation triggered by the user, so that the cropping information of the imported images under different set specifications can be set in batch, the cropping information of the target image under each set specification can be independently adjusted based on the operation of the user, and the flexibility and the customization of image cropping are improved.
Drawings
FIG. 1A is a flow chart illustrating a method of image cropping according to an exemplary embodiment of the present application;
FIG. 1B is a diagram illustrating the effect of importing images in the embodiment shown in FIG. 1A;
FIG. 1C is a first schematic diagram of image cropping in the embodiment of FIG. 1A;
FIG. 1D is a diagram illustrating image cropping according to the embodiment shown in FIG. 1A;
FIG. 2 is a flow chart of a method of image cropping, shown in another exemplary embodiment of the present application;
FIG. 3 is a flow chart of a method of image cropping, shown in yet another exemplary embodiment of the present application;
FIG. 4 is a flow chart of a method of image cropping, shown in yet another exemplary embodiment of the present application;
FIG. 5 is a block diagram of an image cropping device shown in an exemplary embodiment of the present application;
fig. 6 is a block diagram illustrating an image cropping device according to another exemplary embodiment of the present application;
fig. 7 is a block diagram of a terminal according to another exemplary embodiment of the present application.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a", "an", and "the" mean "the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely for purposes of describing particular embodiments and are not intended to be limiting.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, such information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present application. The words third, etc. as used herein describe various information depending on the context, but such information should not be limited to these terms.
Fig. 1A is a flowchart of an image cropping method according to an exemplary embodiment of the present application, fig. 1B is a schematic diagram of an import image effect according to the embodiment shown in fig. 1A, fig. 1C is a schematic diagram of image cropping according to the embodiment shown in fig. 1A, and fig. 1D is a schematic diagram of image cropping according to the embodiment shown in fig. 1A; the image clipping method can be applied to terminals such as smart phones, tablet computers, computers and the like, and the terminals can realize the technical scheme in a mode of installing application programs, as shown in fig. 1A, the image clipping method comprises the following steps:
step 101, determining a target image in a selected state from at least one image.
In an embodiment, a user may trigger an image import operation through a touch screen or physically, and when the user triggers an operation on importing one or more commodity images, the terminal may detect an import instruction for the plurality of commodity images, and may further import the plurality of commodity images in a batch manner, for example, simultaneously select to import 10 commodity images.
In an embodiment, the first imported image may be set as the target image in the selected state by default, and then the next target image in the selected state may be determined based on the setting operation for switching images by the user, for example, if the user considers that the current target image is good in effect and does not need to be adjusted, the image may be confirmed by clicking a "confirm issue" button as shown in fig. 1C, and the next image is switched to the selected state, or if the user considers that the current target image is good in effect and does not need to be adjusted, a sliding operation may be performed to switch the next image to the selected state. Only one image is typically in the selected state at a time.
In an embodiment, if a setting operation for switching images triggered by a user is not detected, the terminal may further sequentially switch each image of the at least one image from an unselected state to an unselected state, and then switch the selected state of the next image to the target image in the selected state, so as to implement automatic switching of the target image, for example, when the time that the first image is in the target state exceeds a setting time, such as 15 seconds, and if no operation triggered by the user on the image is received, the next image may be automatically switched to the target image.
In an embodiment, after acquiring the at least one image, the image may be beautified, such as by a filter or an enhancement, and the method for beautifying the image may be implemented in the prior art and is not described in detail herein. After the image is beautified through the filter or the enhancement effect, the related parameters for beautifying the image through the filter or the enhancement effect, the pixel data of the target image and the cutting information can be uploaded to the server together.
And 102, presenting the target image in a display interface according to at least two setting specifications.
In one embodiment, the setting specification may be understood as a screen scale of a display picture in an application program, and one commodity image may be displayed according to different screen scales in different display interfaces of the application program, so as to achieve an optimal display effect, for example, the commodity image may be displayed at a screen scale of 16:9 in a product detail page, while the commodity image may be displayed at a screen scale of 4:3 in a commodity list, and the commodity image may be displayed at a screen scale of 1:1 in a commodity activity page. All of the above-mentioned "presenting the target image in the display interface according to at least two setting specifications" may be understood that the at least two setting specifications are presented in the same display interface, and may also be understood that the at least two setting specifications are presented in different display interfaces, respectively.
In an embodiment, thumbnails of each image may be sequentially displayed at a first position (e.g., top of page, or bottom of page) of the display interface according to the order of the image import completion time, for example, if the user selects import commodity images 1-10, image 1 is the first to complete import, and image 10 is the last to complete import, image 1 may be displayed first, and image 10 may be displayed last when the commodity images are displayed. Referring to fig. 1B, in order to display the display effect of the thumbnail on the bottom of the page, the position of the bottom of the page is the first position.
In an embodiment, the thumbnails for each image may also be displayed in a random order at the first location of the display interface.
In one embodiment, the thumbnail of each image may also be displayed in sequence according to the size of the image name or image number.
In an embodiment, when each image is displayed, the image can be displayed in the corresponding page element at the second position of the display interface according to the set specification, wherein when the image is displayed in each page element, the image can be displayed in a centered display manner. Referring to fig. 1B, in order to display the image display effect under two setting specifications at the middle position of the page, the middle position of the page can be understood as the second position.
In an embodiment, the bottom position and the middle position of the page described above are not used to define the first position and the second position of the present application, the first position may also be a left position, a right position, or a top position of the page, and the second position may also be other positions in the page.
And 103, determining the cutting information of the target image under the set specification.
In an embodiment, the cropping information may include a position of the cropping, wherein since the cropping frame is generally rectangular, the cropping information may include positions of two diagonal coordinates of the cropping area, and the cropping area may be determined based on the positions of the two diagonal coordinates, for example, if the cropping information indicates coordinates of an upper left vertex of the cropping frame on the image (x1, y1) and coordinates of a lower right vertex of the cropping frame on the image (x2, y2), coordinates of four vertices of the cropping frame on the image may be determined as (x1, y1), (x2, y2), (x3, y3), (x4, y4), respectively.
In one embodiment, the cropping information may include a position and a size of the cropping, wherein, when the crop box is rectangular, the cropping information may include one center coordinate or one vertex coordinate of the cropping area, and a length and a width, e.g., the cropping information may indicate an upper left vertex coordinate (X1, Y1) of the crop box on the image and a width X and a height Y of the crop box; the crop box may have other shapes, such as a circular shape, and the crop information may include a center coordinate of the crop area and a radius, for example, the crop information may indicate that the center coordinate of the crop box is (x1, y1) and the radius r.
In one embodiment, when the target image in the selected state is displayed in the display interface in at least two setting specifications, if the user considers that the display effect of the target image in each setting specification is ideal and does not need to be modified, the user may confirm the image by displaying a page element in the display interface for indicating the effect of the confirmation image, such as a "confirmation issue" button shown in fig. 1C, so that the terminal may determine the default configuration information of the target image in each setting specification as the cropping information.
In an embodiment, when the target image in the selected state is displayed in the display interface in at least two setting specifications, if the user considers that the display effect of the target image under a certain setting specification is not ideal, a cropping operation (the cropping operation may be a click operation, a double click operation, a drag operation, or the like) may be triggered on the target image with the unsatisfactory display effect, after receiving the cropping operation, the terminal may display a cropping page, as shown in fig. 1D, and the user may change an image area displayed in the cropping page by dragging the image displayed in the cropping page, and then complete the cropping by using a "confirm" button in the cropping page, and the terminal may determine, based on the image area displayed in the display window, default configuration information of the target image under each setting specification as the cropping information.
In this embodiment, one image may be imported or a plurality of images may be imported in batch, and then the images are displayed according to a set specification (for example, a specification such as a picture ratio of 16:9, 4:3, 1:1), and cropping information of the target image under the set specification may be acquired based on a cropping operation triggered by a user, so that cropping information of the imported images under different set specifications may be set in batch, and cropping information of the target image under each set specification may be individually adjusted based on an operation of the user, thereby improving flexibility and customizability of image cropping.
FIG. 2 is a flow chart of a method of image cropping, shown in another exemplary embodiment of the present application; the present embodiment utilizes the above method provided by the embodiment of the present disclosure to exemplarily explain how to determine the clipping information, as shown in fig. 2, the method includes the following steps:
step 201, determining a target image in a selected state from at least one image.
Step 202, presenting the target image in at least two setting specifications in a display interface, and executing step 203 or step 204.
In an embodiment, step 201 and step 202 can be referred to the description of step 101 and step 102 in the embodiment shown in fig. 1A, and are not described in detail here.
In step 203, if the cutting operation triggered by the user is detected, the cutting information of the image under the set specification is determined based on the cutting operation.
In an embodiment, the cropping information may include a position of the cropping, or a position and a size of the cropping, which is described with reference to step 103 of the embodiment shown in fig. 1A and will not be described in detail here.
In an embodiment, when the target image in the selected state is displayed in the display interface in at least two setting specifications, if the user considers that the display effect of the target image under a certain setting specification is not ideal, a cropping operation (the cropping operation may be a click operation, a double click operation, a drag operation, or the like) may be triggered on the target image with the unsatisfactory display effect, after receiving the cropping operation, the terminal may display a cropping page, as shown in fig. 1D, and the user may change an image area displayed in the cropping page by dragging the image displayed in the cropping page, and then complete the cropping by using a "confirm" button in the cropping page, and the terminal may determine, based on the image area displayed in the display window, default configuration information of the target image under each setting specification as the cropping information.
And step 204, if the cutting operation triggered by the user is not detected, determining cutting information based on default configuration information of the set specification.
In an embodiment, after a batch of images are imported, each image can be sequentially set in a selected state in the display interface according to a sequence, and each image in the selected state is displayed according to a set specification, when a user does not perform a cropping operation on the images in the selected state, the images can be confirmed through a page element in a page for indicating the effect of the confirmed images, such as a "confirmation issue" button in fig. 1C, so that the terminal can determine that the default configuration information of the images in each set specification is the cropping information; in an embodiment, when the cropping operation triggered by the user is not received after the time for setting one picture in the selected state exceeds the set time, the default configuration information of the image in each setting specification is automatically set as the cropping information, the image is switched to the unselected state, and the next image is switched to the selected state, so that the user is prevented from realizing the image switching operation through the "release confirmation" button in fig. 1C, and the workload of the user can be reduced.
In this embodiment, after the batch of images are imported, the default cropping effect of the target image can be displayed according to the set specification, and the cropping position and size of the target image under the set specification can be independently adjusted based on the cropping operation of the user, so that the flexibility and customization of image cropping are improved.
FIG. 3 is a flow chart of a method of image cropping, shown in yet another exemplary embodiment of the present application; based on the above embodiments, the present embodiment takes an example of how to display at least one image according to a set specification, as shown in fig. 3, and includes the following steps:
step 301, determining a target image in a selected state from at least one image.
Step 302, presenting the target image in at least two setting specifications in a display interface.
Step 303, determining the cutting information of the target image under the set specification.
In one embodiment, the descriptions of steps 301-302 can be referred to the description of steps 101-103 in the embodiment shown in FIG. 1A, and will not be described in detail here.
And step 304, locally storing the cutting information of the target image under the set specification.
In one embodiment, after determining cropping information of an image under one set specification each time, metadata of the image is stored locally, that is, an original image is stored, and then cropping information of the original image under a different set specification is stored, for example, cropping information of the original image 1 under specification 1(16:9) is coordinates of top left vertex (X1, Y1), width X1 and height Y1 of a cropping frame, cropping information of the original image 1 under specification 2(4:3) is coordinates of top left vertex (X1, Y1) and width X2 and height Y2 of the cropping frame, and cropping information of the original image 1 under specification 1(1:1) is coordinates of top left vertex (X2, Y2) and width X3 and height Y3 of the cropping frame.
In an embodiment, when the metadata and the cropping information of each image are stored, an application can display a commodity image in a corresponding display page, such as a product detail page, a commodity list, a product activity page and other pages, based on an image specification adopted in the display page, the cropping information in the corresponding setting specification is obtained from the database, and then the image is displayed.
Step 305, sending the metadata of the target image and the cropping information of the target image under the set specification to the server.
In one embodiment, the terminal can send the cropping information of each image under each set specification to the server; in an embodiment, the terminal may further send only clipping information determined based on the user-triggered clipping operation to the server.
In one embodiment, the terminal may upload the metadata of the image to the server before displaying the image after the image is successfully imported, and upload the cropping information to the server after determining the cropping information.
In the embodiment, the images under the corresponding set specifications can be displayed in each display page of the application platform by storing the metadata and the cutting information of each image, so that the optimal image effect can be displayed in different scenes; further, the terminal may transmit only trimming information determined based on a trimming operation triggered by a user to the server when transmitting trimming information for each image, thereby reducing the amount of data transmitted by the terminal to the server.
FIG. 4 is a flow chart of a method of image cropping, shown in yet another exemplary embodiment of the present application; on the basis of the above embodiments, the present embodiment takes an example of how to display a target image with a set specification, as shown in fig. 4, and includes the following steps:
step 401, a target image in a selected state is determined from at least one image.
Step 402, displaying the target image in different page elements of the display interface according to different setting specifications, and displaying a thumbnail of the imported image in the display interface.
In an embodiment, the thumbnail of each image may be sequentially displayed at a first position (e.g., the top of the page, or the bottom of the page) of the display interface in the order of the image import completion time.
In one embodiment, the thumbnails for each image may also be displayed at the first location in a random order after the image import is complete, e.g., images 1-50 may be displayed randomly if the user selects the imported merchandise image 1-50.
In one embodiment, the thumbnail of each image may also be displayed in order according to the image name or the size of the image number, for example, if the user selects the imported commodity images 1-50, the thumbnails of the imported images may be displayed at the first position in order of the size of the image numbers 1-50.
In an embodiment, when each image is displayed, the image can be displayed in the corresponding page element at the second position of the display interface according to the set specification, wherein when the image is displayed in each page element, the image can be displayed in a centered display manner. Referring to fig. 1B, in order to display the image display effect under two setting specifications at the middle position of the page, the middle position of the page may be understood as the second position.
And step 403, determining the cutting information of the target image under the set specification.
In this embodiment, after a single image is imported or a plurality of images are imported in batch, the images are displayed in the corresponding page elements at the second position according to the set specification in different orders, and the thumbnail of each image is displayed at the first position, so that the display of the images is realized.
The commodity image may be commodity information of different types of commodities, such as clothes, shoes, hats, and the like, and display effects under different setting specifications may be set in the manner of the present application.
Corresponding to the embodiment of the image cropping method, the application also provides an embodiment of an image cropping device.
Fig. 5 is a block diagram of an image cropping device according to an exemplary embodiment of the present application, and as shown in fig. 5, the image cropping device includes:
a first determining module 51, configured to determine a target image in a selected state from at least one image;
a display module 52, configured to present the target image determined by the first determination module 41 in a display interface according to at least two setting specifications;
and a second determining module 53, configured to determine cropping information of the target image under a set specification.
Fig. 6 is a structural diagram of an image cropping device according to another exemplary embodiment of the present application, and as shown in fig. 6, on the basis of the embodiment shown in fig. 5, in an embodiment, the second determining module 53 is specifically configured to:
if the cutting operation triggered by the user is detected, determining cutting information of the image under the set specification based on the cutting operation, wherein the cutting information comprises a cutting position or a cutting position and size;
and if the cutting operation triggered by the user is not detected, determining the cutting information based on the default configuration information of the set specification.
In one embodiment, the display module 52 is specifically configured to:
and displaying the target image in different page elements of the display interface according to different setting specifications.
In an embodiment, the first determining module 51 is specifically configured to:
if the setting operation of switching the images is detected, determining the next image in the selected state based on the setting operation;
and if the setting operation of switching the images is not detected, sequentially determining the next image as the target image in the selected state.
In an embodiment, the apparatus further comprises:
a storage module 54, configured to locally store cropping information of the target image under a set specification;
and a sending module 55, configured to send the metadata of the target image and the cropping information of the target image under the set specification to the server.
In an embodiment, the sending module 55 is specifically configured to:
and sending metadata of a target image and cutting information of the target image under the set specification determined based on the cutting operation to a server.
The implementation process of the functions and actions of each unit in the above device is specifically described in the implementation process of the corresponding step in the above method, and is not described herein again.
The present application further provides a computer-readable storage medium, in which a computer program is stored, where the computer program is used to execute the image cropping method provided in any one of the embodiments of fig. 1A to fig. 4.
Fig. 7 is a block diagram of a terminal shown in another exemplary embodiment of the present application; corresponding to the image cropping method provided in any of the embodiments of fig. 1A to 4, as shown in fig. 7, at the hardware level, the terminal includes a processor, an internal bus, a network interface, a memory, and a non-volatile memory, and may also include hardware required by other services. The processor reads a corresponding computer program from the non-volatile memory into the memory and then runs the computer program to form the image cropping device provided by the embodiment shown in fig. 5 or fig. 6 on a logic level. Of course, besides the software implementation, the present application does not exclude other implementations, such as logic devices or a combination of software and hardware, and the like, that is, the execution subject of the above processing flow is not limited to each logic unit, and may also be hardware or logic devices.
For the device embodiments, since they substantially correspond to the method embodiments, reference may be made to the partial description of the method embodiments for relevant points. The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the scheme of the application. One of ordinary skill in the art can understand and implement it without inventive effort.
Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.
It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.

Claims (9)

1. An image cropping method, characterized in that it comprises:
determining a target image in a selected state from at least one image;
presenting the target image in a display interface by using at least two setting specifications, wherein the at least two setting specifications are different screen proportions of the same picture displayed in an application program;
determining cutting information of the target image under the set specification;
the determining of the cropping information of the target image under the set specification comprises:
if the cutting operation triggered by the user is detected, determining cutting information of the target image under the set specification based on the cutting operation, wherein the cutting information comprises a cutting position or a cutting position and size;
the method further comprises the following steps:
locally storing the cutting information of the target image under the set specification;
and sending the metadata of the target image and the cropping information of the target image under the set specification to a server.
2. The method of claim 1, wherein the determining cropping information for the target image under the set specification comprises:
and if the cutting operation triggered by the user is not detected, determining the cutting information based on the default configuration information of the set specification.
3. The method of claim 1, wherein presenting the target image in a display interface with at least two setting specifications comprises:
and displaying the target image in different page elements of the display interface according to the set specification.
4. The method of claim 1, wherein determining the target image in the selected state from the at least one image comprises:
if the setting operation of switching the images is detected, determining a target image in a selected state based on the setting operation;
and if the setting operation of switching the images is not detected, sequentially determining the next image as the target image in the selected state.
5. The method of claim 1, wherein sending metadata of the target image and cropping information of the target image under the set specification to a server comprises:
and sending metadata of the target image and the cropping information of the target image under the set specification determined based on the cropping operation to a server.
6. An image cropping device, characterized in that it comprises:
the first determining module is used for determining a target image in a selected state from at least one image;
the display module is used for presenting the target image determined by the first determination module in a display interface according to at least two setting specifications, wherein the at least two setting specifications are different screen proportions of the same picture displayed in an application program;
the second determining module is used for determining the cutting information of the target image under the set specification;
the second determining module is specifically configured to:
if the cutting operation triggered by the user is detected, determining cutting information of the target image under the set specification based on the cutting operation, wherein the cutting information comprises a cutting position or a cutting position and size;
the device further comprises:
the storage module is used for locally storing the cutting information of the target image under the set specification;
and the sending module is used for sending the metadata of the target image and the cutting information of the target image under the set specification to the server.
7. The apparatus of claim 6, wherein the second determining module is specifically configured to:
and if the cutting operation triggered by the user is not detected, determining the cutting information based on the default configuration information of the set specification.
8. A computer-readable storage medium, characterized in that the storage medium stores a computer program for executing the image cropping method according to any one of claims 1 to 5.
9. A terminal, characterized in that the terminal comprises:
a processor; a memory for storing the processor-executable instructions;
wherein the processor is configured to perform the image cropping method according to any one of claims 1 to 5.
CN201810145013.6A 2018-02-12 2018-02-12 Image clipping method and device and terminal Active CN108388395B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810145013.6A CN108388395B (en) 2018-02-12 2018-02-12 Image clipping method and device and terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810145013.6A CN108388395B (en) 2018-02-12 2018-02-12 Image clipping method and device and terminal

Publications (2)

Publication Number Publication Date
CN108388395A CN108388395A (en) 2018-08-10
CN108388395B true CN108388395B (en) 2020-03-13

Family

ID=63068931

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810145013.6A Active CN108388395B (en) 2018-02-12 2018-02-12 Image clipping method and device and terminal

Country Status (1)

Country Link
CN (1) CN108388395B (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111309233A (en) * 2020-02-25 2020-06-19 西安闻泰电子科技有限公司 Picture processing method, device, equipment and storage medium
CN111815654A (en) * 2020-07-14 2020-10-23 北京字节跳动网络技术有限公司 Method, apparatus, device and computer readable medium for processing image

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101997983B (en) * 2010-11-25 2012-12-19 重庆国虹科技发展有限公司 Mobile terminal for automatically switching and displaying picture files and method thereof
CN103034623A (en) * 2011-09-30 2013-04-10 北大方正集团有限公司 Method and device for dividing page
CN105096363A (en) * 2015-06-30 2015-11-25 北京金山安全软件有限公司 Picture editing method and picture editing device
CN104991725B (en) * 2015-07-28 2018-02-23 北京金山安全软件有限公司 Picture clipping method and system
CN106920141A (en) * 2015-12-28 2017-07-04 阿里巴巴集团控股有限公司 Page presentation content processing method and device

Also Published As

Publication number Publication date
CN108388395A (en) 2018-08-10

Similar Documents

Publication Publication Date Title
CN109740571A (en) The method of Image Acquisition, the method, apparatus of image procossing and electronic equipment
CN107992275B (en) Document printing method and device, computer equipment and storage medium
GB2591583A (en) Machine learning for digital image selection across object variations
CN111414225A (en) Three-dimensional model remote display method, first terminal, electronic device and storage medium
WO2022262404A1 (en) Picture presentation method, picture presentation apparatus and electronic device
EP2996052A1 (en) Method and apparatus for displaying media file on terminal by using page
CN108388395B (en) Image clipping method and device and terminal
CN106157347B (en) Resource exchange data processing method, device and system
CN109710368B (en) Processing method, device and system
CN112883263A (en) Information recommendation method and device and electronic equipment
CN109242977B (en) Webpage rendering method, device and storage medium
CN113014993B (en) Picture display method, device, equipment and storage medium
JP2013232225A (en) Content distribution device, content distribution method, content distribution program, and program for terminal
CN113438531A (en) Object display method and device, electronic equipment and storage medium
EP2608003B1 (en) Method and device for movement of image object
CN106055229B (en) Display interface adjusting method and display interface adjusting module based on screen reading
CN114063958A (en) Page split-screen display method and device
CN110215702B (en) Method and device for controlling grouping in game
CN108519844B (en) Menu display method and device, storage medium, processor and terminal
CN114067084A (en) Image display method and device
CN112732377A (en) Image display method and device and storage medium
CN107679175B (en) Method and system for batch datamation of vegetarian gold products
CN105677749B (en) Page display method and device
CN112764635B (en) Display method and device, computer equipment and storage medium
CN113032855B (en) Seat arrangement method, system, computing device and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant