# US 12,008,684 B2 · Image cropping method and apparatus, and device and storage medium > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 12,008,684 B2 - Document ID: US12008684B2 - Status: Granted - Kind: B2 - Application number: 17/877,711 - Filed: 2022-07-29 - Published: 2022-11-17 - Granted: 2024-06-11 - Earliest claimed: 2020-02-24 - Assignees: Beijing Bytedance Network Technology Co., Ltd. - Applicants: Beijing Bytedance Network Technology Co., Ltd. - Inventors: Linxing Li - Web page: https://patentgrep.com/patent/US12008684B2 ## CPC - G06T 11/60: Creating or editing images; Combining images with text - G06F 3/04845: for image manipulation, e.g. dragging, rotation, expansion or change of colour - G06F 3/0488: using a touch-screen or digitiser, e.g. input of commands through traced gestures - G06T 7/30: Determination of transform parameters for the alignment of images, i.e. image registration - G06T 11/00: Two-dimensional [2D] image generation - G06T 2200/24: involving graphical user interfaces [GUIs] - G06T 2210/22: Cropping - G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## Abstract Provided are an image cropping method, an image cropping device, an apparatus and storage medium. The method includes: adjusting a size of an image in a cropping area of a cropping block in a case that a border of the cropping block reaches a first target position of an image display area and a dragging event for the cropping block continues; and displaying, on a second target position of the image display area, an image in a current cropping area of the cropping block according to a current size ratio of the image in the cropping area of the cropping block when the dragging event for the cropping block ends. ## Claims ### Claim 1 An image cropping method, comprising: adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues, wherein the image in the cropping area of the cropping block is a part of a target image, and wherein the adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues further comprises: increasing or reducing the size of the image in the cropping area of the cropping block based on determining whether the border of the cropping block coincides with a boundary of the target image or not when the same dragging event for the cropping block starts; displaying, on a second target position of the image display area, an image in a current cropping area of the same cropping block according to a current size ratio of the image in the current cropping area of the same cropping block in response to determining that the same dragging event for the same cropping block ends; and wherein the adjusting a size of an image in a cropping area of a cropping block further comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block based on the image size adjustment speed; or wherein the method further comprises adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path. ### Claim 2 (depends on 1) The method according to claim 1, wherein the size of the image in the cropping area of the cropping block is adjusted in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, until the same dragging event for the cropping block ends or the border of the cropping block reaches the boundary of the target image; and/or the first target position of the image display area is any of following positions: a boundary of the image display area, and a position of the border of the cropping block on the image display area when the border of the cropping block reaches a set minimum size; and/or the adjusting a size of an image in a cropping area of a cropping block in a case that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues comprises: continuously adjusting a display size of the image in the cropping area of the cropping block in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, wherein the current size ratio of the image in the cropping area of the cropping block is determined based on a current display size; or adjusting a size parameter of the image in the cropping area of the cropping block in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, wherein the current size ratio of the image in the cropping area of the cropping block is determined based on the size parameter when the same dragging event for the cropping block ends. ### Claim 3 (depends on 2) The method according to claim 2, wherein in a case that the border of the cropping block reaches the boundary of the image display area, the border of the cropping block does not coincide with the boundary of the target image when the same dragging event for the cropping block starts, and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: reducing the size of the image in the cropping area of the cropping block; in a case that the border of the cropping block reaches the boundary of the image display area, the border of the cropping block coincides with the boundary of the target image when the same dragging event for the cropping block starts, and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: increasing the size of the image in the cropping area of the cropping block; and in a case that the border of the cropping block reaches the set minimum size and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: increasing the size of the image in the cropping area of the cropping block. ### Claim 4 (depends on 3) The method according to claim 3, wherein the size of the image in the cropping area of the cropping block is reduced to make a proportion of the image displayed in the cropping area of the cropping block in the target image increase. ### Claim 5 (depends on 2) The method according to claim 2, wherein the adjusting a size of an image in a cropping area of a cropping block comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or the method further comprises: adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path, wherein the image in the cropping area of the cropping block is a part of the target image. ### Claim 6 (depends on 3) The method according to claim 3, wherein the adjusting a size of an image in a cropping area of a cropping block comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or the method further comprises: adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path, wherein the image in the cropping area of the cropping block is a part of the target image. ### Claim 7 (depends on 4) The method according to claim 4, wherein the adjusting a size of an image in a cropping area of a cropping block comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or the method further comprises: adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path, wherein the image in the cropping area of the cropping block is a part of the target image. ### Claim 8 (depends on 1) The method according to claim 1, wherein the parameter of the same dragging event for the cropping block comprises a dragging distance, wherein a greater dragging distance indicates a greater image size adjustment speed. ### Claim 9 An image cropping device, comprising: one or more processors; and a storage device storing one or more programs, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform operations comprising: adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues, wherein the image in the cropping area of the cropping block is a part of a target image, and wherein the adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues further comprises: increasing or reducing the size of the image in the cropping area of the cropping block based on determining whether the border of the cropping block coincides with a boundary of the target image or not when the same dragging event for the cropping block starts; displaying, on a second target position of the image display area, an image in a current cropping area of the same cropping block according to a current size ratio of the image in the current cropping area of the same cropping block in response to determining that the same dragging event for the same cropping block ends; and wherein the adjusting a size of an image in a cropping area of a cropping block further comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block based on the image size adjustment speed; or wherein the operations further comprise adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path. ### Claim 10 (depends on 9) The device according to claim 9, wherein the size of the image in the cropping area of the cropping block is adjusted in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, until the same dragging event for the cropping block ends or the border of the cropping block reaches a boundary of a target image; and/or the first target position of the image display area is any of following positions: a boundary of the image display area, and a position of the border of the cropping block on the image display area when the border of the cropping block reaches a set minimum size; and/or continuously adjusting a display size of the image in the cropping area of the cropping block in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, wherein the current size ratio of the image in the cropping area of the cropping block is determined based on a current display size; or adjusting a size parameter of the image in the cropping area of the cropping block in a case that the border of the cropping block reaches the first target position of the image display area and the same dragging event for the cropping block continues, wherein the current size ratio of the image in the cropping area of the cropping block is determined based on the size parameter when the same dragging event for the cropping block ends. ### Claim 11 (depends on 10) The device according to claim 10, wherein in a case that the border of the cropping block reaches the boundary of the image display area, the border of the cropping block does not coincide with the boundary of the target image when the same dragging event for the cropping block starts, and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: reducing the size of the image in the cropping area of the cropping block; in a case that the border of the cropping block reaches the boundary of the image display area, the border of the cropping block coincides with the boundary of the target image when the same dragging event for the cropping block starts, and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: increasing the size of the image in the cropping area of the cropping block; and in a case that the border of the cropping block reaches the set minimum size and the same dragging event for the cropping block continues, the adjusting a size of an image in a cropping area of a cropping block comprises: increasing the size of the image in the cropping area of the cropping block. ### Claim 12 (depends on 11) The device according to claim 11, wherein the size of the image in the cropping area of the cropping block is reduced to make a proportion of the image displayed in the cropping area of the cropping block in the target image increase. ### Claim 13 (depends on 10) The device according to claim 10, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform operation comprising: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make the center of the target image always coincide with the center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path. ### Claim 14 (depends on 11) The device according to claim 11, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform operation comprising: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make the center of the target image always coincide with the center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path. ### Claim 15 (depends on 12) The device according to claim 12, wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform operation comprising: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block according to the image size adjustment speed; and/or adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make the center of the target image always coincide with the center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path. ### Claim 16 (depends on 9) The device according to claim 9, wherein the parameter of the same dragging event for the cropping block comprises a dragging distance, wherein a greater dragging distance indicates a greater image size adjustment speed. ### Claim 17 A non-transitory computer-readable storage medium, storing one or more programs for executing operations comprising: adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues, wherein the image in the cropping area of the cropping block is a part of a target image, and wherein the adjusting a size of an image in a cropping area of a cropping block in response to determining that a border of the cropping block reaches a first target position of an image display area and a same dragging event for the cropping block continues further comprises: increasing or reducing the size of the image in the cropping area of the cropping block based on determining whether the border of the cropping block coincides with a boundary of the target image or not when the same dragging event for the cropping block starts; displaying, on a second target position of the image display area, an image in a current cropping area of the same cropping block according to a current size ratio of the image in the current cropping area of the same cropping block in response to determining that the same dragging event for the same cropping block ends; and wherein the adjusting a size of an image in a cropping area of a cropping block further comprises: determining an image size adjustment speed based on a parameter of the same dragging event for the cropping block, and adjusting the size of the image in the cropping area of the cropping block based on the image size adjustment speed; or wherein the operations further comprise adjusting, when the same dragging event for the cropping block continues, a display position of a target image to make a center of the target image always coincide with a center of the cropping area of the cropping block or make the center of the target image approach the center of the cropping area of the cropping block according to a specified path.