CN111311489B - 一种图像裁剪方法及电子设备 - Google Patents
一种图像裁剪方法及电子设备 Download PDFInfo
- Publication number
- CN111311489B CN111311489B CN202010051509.4A CN202010051509A CN111311489B CN 111311489 B CN111311489 B CN 111311489B CN 202010051509 A CN202010051509 A CN 202010051509A CN 111311489 B CN111311489 B CN 111311489B
- Authority
- CN
- China
- Prior art keywords
- image
- input
- cut
- screen
- size
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 238000005520 cutting process Methods 0.000 claims abstract description 137
- 230000004044 response Effects 0.000 claims description 8
- 230000003321 amplification Effects 0.000 claims description 7
- 238000003199 nucleic acid amplification method Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 abstract description 12
- 230000006870 function Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 10
- 238000004590 computer program Methods 0.000 description 6
- 239000011521 glass Substances 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000001514 detection method Methods 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000000725 suspension Substances 0.000 description 2
- 238000009966 trimming Methods 0.000 description 2
- 101100008044 Caenorhabditis elegans cut-1 gene Proteins 0.000 description 1
- 241000699670 Mus sp. Species 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000009335 monocropping Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000005236 sound signal Effects 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
- G06T3/403—Edge-driven scaling; Edge-based scaling
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04845—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1626—Constructional details or arrangements for portable computers with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
- G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
- G06F1/1643—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
- G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
- G06F1/1647—Details related to the display arrangement, including those related to the mounting of the display in the housing including at least an additional display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
- G06F1/1684—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
- G06F1/169—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes
- G06F1/1692—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes the I/O peripheral being a secondary touch screen used as control interface, e.g. virtual buttons or sliders
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/12—Edge-based segmentation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/20—Special algorithmic details
- G06T2207/20112—Image segmentation details
- G06T2207/20132—Image cropping
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Image Processing (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
- Editing Of Facsimile Originals (AREA)
Abstract
本发明提供一种图像裁剪方法及电子设备。该方法包括:在第一屏显示待裁剪图像,且待裁剪图像上显示有裁剪框的情况下,接收对第二屏的第一输入;响应于第一输入,在保持待裁剪图像与裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;接收对第一屏上显示的裁剪框的目标边框线的第二输入;响应于第二输入,在保持待裁剪图像的显示位置不变的情况下,调整目标边框线的位置,对待裁剪图像进行裁剪。本发明无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
Description
技术领域
本发明实施例涉及通信技术领域,尤其涉及一种图像裁剪方法及电子设备。
背景技术
随着移动通信技术的不断发展,电子设备,例如,智能手机、个人数字处理、掌上电脑、笔记本电脑等应用越来越广泛,电子设备提供的应用功能也越来越丰富,极大地满足了不同用户的个性化需求。例如,用户可通过电子设备对图片或是视频画面进行编辑处理。
目前,当用户使用电子设备对图片或视频画面进行裁剪时,尤其是需要对选定区域进行精细化裁剪时,一般需要用户对裁剪框进行上下左右反复地移动操作,其裁剪操作繁琐,且裁剪效果不佳。
发明内容
本发明实施例提供一种图像裁剪方法及电子设备,以解决现有电子设备对图片或视频画面进行精细化裁剪时,其裁剪操作繁琐,且裁剪效果不佳的问题。
为了解决上述技术问题,本发明是这样实现的:
第一方面,本发明的实施例提供了一种图像裁剪方法,应用于包括第一屏和第二屏的电子设备,包括:
在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪。
第二方面,本发明的实施例还提供了一种电子设备,包括:
第一接收模块,用于在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
调整模块,用于响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
第二接收模块,用于接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
裁剪模块,用于响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪。
第三方面,本发明实施例还提供了一种电子设备,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现如上所述的图像裁剪方法的步骤。
第四方面,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如上所述的图像裁剪方法的步骤。
本发明实施例的上述方案中,在第一屏显示待剪裁图像,且待裁剪图像上显示有裁剪框的情况下,接收对第二屏的第一输入;响应于第一输入,在保持待裁剪图像与裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;接收对第一屏上显示的裁剪框的目标边框线的第二输入;响应于第二输入,在保持待裁剪图像的显示位置不变的情况下,调整目标边框线的位置,对待裁剪图像进行裁剪,如此,无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
附图说明
图1为本发明实施例提供的图像剪裁方法的流程示意图;
图2为本发明实施例应用图像裁剪方法的操作界面示意图之一;
图3为本发明实施例应用图像裁剪方法的操作界面示意图之二;
图4为本发明实施例应用图像裁剪方法的操作界面示意图之三;
图5为本发明实施例应用图像裁剪方法的操作界面示意图之四;
图6为本发明实施例应用图像裁剪方法的操作界面示意图之五;
图7为本发明实施例提供的电子设备的结构示意图;
图8为本发明实施例提供的电子设备的硬件结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,为本发明实施例提供的图像裁剪方法的流程示意图,应用于包括第一屏和第二屏的电子设备。
需要说明的是,该电子设备可为双面屏电子设备,也可为具有至少两个屏的折叠屏电子设备。本发明的方法可包括:
步骤101,在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
本步骤中,待裁剪图像可以为图片或者视频画面。这里,在第一屏显示待裁剪图像的情况下,可通过用户操作开启电子设备的图像编辑功能,电子设备进入图像编辑界面,即待裁剪图像上显示有裁剪框。此时,裁剪框所框选的区域为待裁剪图像的初始图像区域。
这里,第一输入为预先设置的输入。可选地,该第一输入为可以包括但不限于点击输入、按压输入、长按输入、捏合输入、拖拽输入、滑动输入和划动输入中的至少一种,也即是说,该第一输入可以为上述输入中的其中一种,或者也可以为其中两种或以上输入的组合操作。
步骤102,响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
本步骤中,对第二屏的第一输入,能够实现对显示在第一屏上的待裁剪图像的大小以及裁剪框的大小调整,还能够避免用户在第一屏上的操作,影响第一屏上显示内容的显示效果。
这里,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整,也就是说,裁剪框随待裁剪图像一起放大或缩小,裁剪框所框选的初始图像区域不变,即初始图像区域的显示内容不变,仅是改变了其缩放比例。这样,便于用户查看图像的局部细节,从而便于进一步地进行后续的精细化调整。
需要说明的是,裁剪框的大小经缩放处理后,裁剪框的边框线的线条粗细不变。
步骤103,接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
本步骤中,第二输入为预先设置的输入。可选地,该第二输入为可以包括但不限于点击输入、按压输入、长按输入、捏合输入、拖拽输入、滑动输入和划动输入中的至少一种,也即是说,该第二输入可以为上述输入中的其中一种,或者也可以为其中两种或以上输入的组合操作。
优选地,所述第二输入为对目标边框线的滑动输入。
比如,若裁剪框为矩形裁剪框,第二输入为对目标边框线向靠近或者远离与所述目标边框线相对的边框线的方向滑动的滑动输入。
步骤104,响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪。
本步骤中,在保持所述待裁剪图像的显示位置不变的情况下,通过调整裁剪框的目标边框线的位置,剪裁框的大小发生改变,即对裁剪框所框选的区域的边缘部分进行精细调整,裁剪框所框选的区域发生改变,由原来的初始图像区域变为目标图像区域,其中,该目标图像区域包括至少部分的初始图像区域。
具体的,对待裁剪图像进行裁剪可以包括:对裁剪框之外的图像区域进行裁剪。最终得到满足用户裁剪需求的目标图像区域。
本发明实施例的图像裁剪方法,在第一屏显示待剪裁图像,且待裁剪图像上显示有裁剪框的情况下,接收对第二屏的第一输入;响应于第一输入,在保持待裁剪图像与裁剪框的相对位置不变的情况下,按照相同的缩放比例,调整待裁剪图像以及裁剪框的大小;接收对第一屏上显示的裁剪框的目标边框线的第二输入;响应于第二输入,在保持待裁剪图像的显示位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整,如此,无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
为了避免电子设备误响应用户对第二屏的第一输入,在接收对所述第二屏的第一输入之前,所述方法还可包括:通过用户输入,开启精细化裁剪图像功能。
需要说明的是,可通过用户对第二屏的三连击输入,开启精细化裁剪图像功能。还可以通过其他的开启方式,如点击预设按钮、点击显示在第一屏上的悬浮球、下拉菜单、上拉功能栏等方式开启精细化裁剪图像功能,这里不做具体限定。
基于图1所示的实施例,作为一可选地实现方式,本发明方法的步骤102可具体包括:
步骤1021,根据所述第一输入,确定目标缩放比例;
步骤1022,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整。
在一可选地实施例中,所述第一输入为沿第一预设方向滑动形成至少部分第一预设形状轨迹的第一滑动输入;上述步骤1021可具体包括:
将所述第一滑动输入形成的轨迹的长度值占完整的所述第一预设形状的周长值的比值确定为目标放大比例;
相应地,上述步骤1022可具体包括:
将所述待裁剪图像以及所述裁剪框按照相同的所述目标放大比例放大。
这里,电子设备检测第一滑动输入滑动过程中形成的轨迹的长度值占完整的第一预设形状的周长值的比值。
比如,第一预设形状为圆形,第一预设方向为顺时针方向。若第一电子设备检测到第一滑动输入滑动过程中形成的圆形轨迹的长度值占完整的圆形轨迹的周长值的比值为25%,即用户通过第一滑动输入绘制的为1/4圆形,例如,若完整的圆形轨迹的周长值为100mm,第一电子设备检测到第一滑动输入滑动过程中形成的圆形轨迹的长度值为25mm,则第一滑动输入滑动过程中形成的圆形轨迹的长度值占完整的圆形轨迹的周长值的比值为25%,则按照125%的放大比例,放大所述待裁剪图像以及所述裁剪框;若用户通过第一滑动输入绘制的为半个圆形,即1/2圆形,则按照150%的放大比例,放大所述待裁剪图像以及所述裁剪框;若用户通过第一滑动输入绘制的为一完整的圆形,则按照200%的放大比例,放大所述待裁剪图像以及所述裁剪框。
需要说明的是,为了避免无限制放大待裁剪图像以及裁剪框,设定一最大放大比例。
又比如,第一预设形状为矩形,第一预设方向为顺时针方向。若第一电子设备检测到第一滑动输入滑动过程中形成的矩形轨迹的长度值占完整的矩形轨迹的周长值的比值为50%,即用户通过第一滑动输入绘制的矩形的完成程度为50%,则按照150%的放大比例,放大所述待裁剪图像以及所述裁剪框;若用户通过第一滑动输入绘制的为一完整的矩形,则按照200%的放大比例,放大所述待裁剪图像以及所述裁剪框。
再比如,第一预设形状为等边三角形,第一预设方向为顺时针方向。若第一电子设备检测到第一滑动输入滑动过程中形成的三角形轨迹的长度值占完整的三角形轨迹的周长值的比值为1/3,即用户通过第一滑动输入绘制的三角形的完成程度为33.34%,即用户绘制了三角形的一条边,则按照133.34%的放大比例,放大所述待裁剪图像以及所述裁剪框;若用户通过第一滑动输入绘制的为一完整的三角形,则按照200%的放大比例,放大所述待裁剪图像以及所述裁剪框。
需要说明的是,上述第一预设形状不仅限于圆形、矩形和三角形,其他形状也可,这里不做具体限定。
在另一可选地实施例中,所述第一输入为沿第二预设方向滑动形成至少部分第二预设形状轨迹的第二滑动输入;上述步骤1021可具体包括:
将所述第二滑动输入形成的轨迹的长度值占完整的所述第二预设形状的周长值的比值确定为目标缩小比例;相应地,上述步骤1022可具体包括:
将所述待裁剪图像以及所述裁剪框按照相同的所述目标缩小比例缩小。
这里,同理,电子设备也能够检测到第二滑动输入滑动过程中形成的轨迹的长度值占完整第二预设形状的周长值的比值。
比如,第二预设形状为圆形,第二预设方向为逆时针方向。若第一电子设备检测到第二滑动输入滑动过程中形成的圆形轨迹的长度值占完整的圆形轨迹的周长值的比值为25%,即用户通过第二滑动输入绘制的为1/4圆形,若当前图像比例为原图比例的300%,则按照原图比例的275%,缩小所述待裁剪图像以及所述裁剪框;若用户通过第二滑动输入绘制的为半个圆形,即1/2圆形,则按照原图比例的250%,缩小所述待裁剪图像以及所述裁剪框;若用户通过第二滑动输入绘制的为一完整的圆形,则按照原图比例的200%,缩小所述待裁剪图像以及所述裁剪框。
需要说明的是,为了避免无限制缩小待裁剪图像以及裁剪框,设定一最小缩小比例。
又比如,第二预设形状为矩形,第二预设方向为逆时针方向。若第一电子设备检测到第二滑动输入滑动过程中形成的矩形轨迹的长度值占完整的矩形轨迹的周长值的比值为50%,即用户通过第二滑动输入绘制的矩形的完成程度为50%,若当前图像比例为原图比例的300%,则按照原图比例的250%,缩小所述待裁剪图像以及所述裁剪框;若用户通过第二滑动输入绘制的为一完整的矩形,则按照原图比例的200%,缩小所述待裁剪图像以及所述裁剪框。
再比如,第二预设形状为等边三角形,第二预设方向为逆时针方向。若第一电子设备检测到第二滑动输入滑动过程中形成的三角形轨迹的长度值占完整的三角形轨迹的周长值的比值为1/3,即用户通过第二滑动输入绘制的三角形的完成程度为33.34%,即用户绘制了三角形的一条边,若当前图像比例为原图比例的300%,则按照原图比例的266.66%,缩小所述待裁剪图像以及所述裁剪框;若用户通过第二滑动输入绘制的为一完整的三角形,则按照原图比例的200%,缩小所述待裁剪图像以及所述裁剪框。
需要说明的是,上述第一预设形状不仅限于圆形、矩形和三角形,其他形状也可,这里不做具体限定。
基于图1所示的实施例,若经过对待裁剪图像以及所述裁剪框的比例调整以后,尤其是放大以后,在第一屏上可能仅会显示部分的裁剪框,所显示的裁剪框的边框线若不是用户想要精细化调整的图像区域所对应的边缘部分,为了满足用户需求,作为一可选地实现方式,在步骤102之后,步骤103之前,本发明方法还可包括:
接收第三输入;
本步骤中,第三输入为预先设置的输入。可选地,该第三输入为可以包括但不限于点击输入、按压输入、长按输入、捏合输入、拖拽输入、滑动输入和划动输入中的至少一种,也即是说,该第三输入可以为上述输入中的其中一种,或者也可以为其中两种或以上输入的组合操作。
优选地,第三输入为对第一屏或第二屏的划动输入。
响应于所述第三输入,同时移动所述待裁剪图像以及所述裁剪框,将所述裁剪框的目标边框线显示于所述第一屏的目标位置。
为了便于用户查看经精细化剪裁操作后的裁剪框所框选的图像区域的效果是否满足用户的要求,同时也为了方便后续可能的继续精细化调整,基于图1所示的实施例,作为一可选地实现方式,在步骤104之前,本发明方法还可包括:
接收对所述第二屏的第四输入;
本步骤中,第四输入为预先设置的输入,可选地,该第四输入为可以包括但不限于点击输入、按压输入、长按输入、捏合输入、拖拽输入、滑动输入和划动输入中的至少一种,也即是说,该第四输入可以为上述输入中的其中一种,或者也可以为其中两种或以上输入的组合操作。
优选的,第四输入为对第二屏的双击输入。
响应于所述第四输入,将按照比例缩放后的所述待裁剪图像的大小以及所述裁剪框的大小恢复至比例缩放之前,并显示于所述第一屏。
本步骤中,将按照比例缩放后的所述待裁剪图像的大小以及所述裁剪框的大小恢复至比例缩放之前,也就是将图像比例经第四输入自动变为100%,恢复至待裁剪图像的原图比例。
可选地,所述第二屏为与所述第一屏相背的屏。
这里,比如,电子设备为双面屏电子设备,第一屏为正面屏,第二屏为背面屏;或者,再比如,电子设备为折叠屏电子设备,折叠屏向外折叠之后呈现正面屏和背面屏的状态。如此,方便用户单手操作电子设备。
如图2至图6所示,就一示例说明本发明方法的具体实施过程。该示例的电子设备为双面屏电子设备。
步骤S1,通过第一用户操作控制电子设备进入图片编辑页面,并通过对背面屏的第二用户操作,开启精细化操作模式;
这里,第二用户操作可以是用户在背面屏的三击输入。
如图2、图4和图6所示,为电子设备的正面屏;如图3和图5所示,为电子设备的背面屏。
这里,如图2所示,图片编辑页面中显示有待裁剪图片1以及裁剪框2。
需要说明的是,用户在背面屏快速三击开启精细化操作模式是开启该模式的一种方法,也可以通过其他的如按钮、正面屏悬浮球、下拉菜单、上拉功能栏等方法开启精细化操作模式。
步骤S2,通过用户在背面屏顺时针画圈操作,在保持待裁剪图片以及裁剪框相对位置不变的情况下,将待裁剪图片以及裁剪框按照相同的放大比例放大。
需要说明的是,用户的食指在背面屏顺时针画一个完整圈,开启图片放大模式,如图3所示,若用户的食指画完圈后继续画圈,则开始执行放大待裁剪图片以及裁剪框的步骤。
这里,默认检测到顺时针画一个圈为开启放大模式的开关,画第一个圈期间,图片不放大,从画第一个圈结束后开始检测画的圈的百分比,根据画的圈的百分比,调整图片的放大倍数。
例如,画1/4圈时图片放大125%,画1/2圈时图片放大150%,画3/4圈时图片放大175%,画第二圈结束放大200%,继续画圈直到待裁剪图片到达最大放大倍数。图片放大时,裁剪框的范围随图片一起放大,但裁剪框的边框线的线条粗细不变。
例如,图4所示为图2所示的放大后的示意图,待裁剪图片放大后,界面中只显示部分的裁剪框,可以通过在正面屏的用户操作移动裁剪框到合适的位置,也可以通过在背面屏的操作的用户操作移动裁剪框到合适的位置。
步骤S3,若在预设时间段内检测不到用户触摸背面屏触控区域的触控操作,正面屏保存当前状态。
比如,用户可以松开食指,此时,正面屏保存到最后一次触摸的状态。
步骤S4,通过对背面屏的第三用户操作,同时移动待裁剪图片以及裁剪框,将裁剪框的目标边框线移动到合适位置。
这里,用户食指在背面屏触控区域滑动,正面屏显示部分随之变化。如图5所示,用户食指在背面屏触控区域向背面屏的左方滑动,正面屏的界面向右方平移到图6所示的位置。其中,待裁剪图片以及裁剪框同时平移。
需要说明的是,用户食指在背面屏的移动方向是相对于背面而言的,可以将屏幕看作是透明屏幕,食指在玻璃的背面移动,从正面玻璃看上去的移动方向是左右相反,上下相同的,如食指在背面向左移动,正面看到的是向右移动,食指在背面向上移动,正面看到的也是向上移动。食指可以在背屏任意方向滑动,正面屏显示部分也随之进行相应的变化。
之后,通过对目标边框线的第四用户操作,在保持所述待裁剪图片的显示位置不变的情况下,调整目标边框线的位置。此时,剪裁框的大小发生改变,即对裁剪框所框选的区域的边缘部分进行精细调整。
步骤S5,通过用户在背面屏逆时针画圈操作,在保持待裁剪图片以及裁剪框相对位置不变的情况下,将待裁剪图片以及裁剪框按照相同的缩小比例缩小。
这里,用户的食指在背面屏逆时针画一个完整圈,开启图片缩小模式,若用户食指画完圈后继续画圈,则开始执行缩小待裁剪图片以及裁剪框的步骤。
这里,默认检测到逆时针画一个圈为开启缩小模式的开关,画第一个圈期间,图片不缩小,从画第一个圈结束后开始检测画的圈的百分比,根据画的圈的百分比,调整图片的缩小倍数。
例如,当前图片比例为原图比例的300%,画1/4圈时图片比例为275%,画1/2圈时图片比例为250%,画3/4圈时图片比例为225%,画第二圈结束图片比例为200%,继续画圈直到图片到达最小缩小倍数。图片缩小时,裁剪框的范围随图片一起缩小,但裁剪框的边框线的线条粗细不变。
需要说明的是,步骤S5与步骤S3是两个并列执行的步骤,也可以是在S3步骤中放大比例使得用户觉得放大过大,可执行S5来调整比例。
步骤S6,通过对背面屏的第五用户操作,图片比例在当前比例和100%之间切换。
这里,可选地,第五用户操作可以是用户在背面屏的双击输入。
步骤S7,通过对背面屏的第二用户操作,关闭精细化操作模式。
这里,第二用户操作可以是用户在背面屏的三击输入,用户食指在背面屏三击结束精细化操作模式,结束精细化操作模式后,图片比例自动变为100%。
本发明实施例的图像剪裁方法,通过在第一屏显示待剪裁图像,且待裁剪图像上显示有裁剪框的情况下,接收对第二屏的第一输入;响应于第一输入,在保持待裁剪图像与裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;接收对第一屏上显示的裁剪框的目标边框线的第二输入;响应于第二输入,在保持待裁剪图像的显示位置不变的情况下,调整目标边框线的位置,对待裁剪图像进行裁剪,如此,无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
基于上述方法,本发明实施例提供一种用以实现上述方法的电子设备。
如图7所示,为本发明实施例提供的电子设备的结构示意图。本发明实施例提供一种电子设备700,该电子设备700包括第一屏和第二屏,可以包括:
第一接收模块701,用于在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
调整模块702,用于响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
第二接收模块703,用于接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
裁剪模块704,用于响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪。
可选地,所述调整模块702包括:
缩放比例确定单元,用于根据所述第一输入,确定目标缩放比例;
调整单元,用于将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整。
可选地,所述第一输入为沿第一预设方向滑动形成至少部分第一预设形状轨迹的第一滑动输入;所述缩放比例确定单元具体用于:
将所述第一滑动输入形成的轨迹的长度值占完整的所述第一预设形状的周长值的比值确定为目标放大比例;
相应地,所述调整单元具体用于:
将所述待裁剪图像以及所述裁剪框按照相同的所述目标放大比例放大。
可选地,所述第一输入为沿第二预设方向滑动形成至少部分第二预设形状轨迹的第二滑动输入;所述缩放比例确定单元具体用于:
将所述第二滑动输入形成的轨迹的长度值占完整的所述第二预设形状的周长值的比值确定为目标缩小比例;
所述调整单元具体用于:
将所述待裁剪图像以及所述裁剪框按照相同的所述目标缩小比例缩小。
本发明实施例的电子设备,还可包括:
第三接收模块,用于在将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整之后,接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入之前,接收第三输入;
第一显示模块,用于响应于所述第三输入,同时移动所述待裁剪图像以及所述裁剪框,将所述裁剪框的目标边框线显示于所述第一屏的目标位置。
本发明实施例的电子设备,还可包括:
第四接收模块,用于在响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪之前,接收对所述第二屏的第四输入;
第二显示模块,用于响应于所述第四输入,将按照比例缩放后的所述待裁剪图像的大小以及所述裁剪框的大小恢复至比例缩放之前,并显示于所述第一屏。
本发明实施例提供的电子设备能够实现图1至图6的方法实施例中电子设备实现的各个过程,为避免重复,这里不再赘述。
本发明实施例提供的电子设备,通过第一接收模块在第一屏显示待剪裁图像,且待裁剪图像上显示有裁剪框的情况下,接收对第二屏的第一输入;调整模块响应于第一输入,在保持待裁剪图像与裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;第二接收模块接收对第一屏上显示的裁剪框的目标边框线的第二输入;裁剪模块响应于第二输入,在保持待裁剪图像的显示位置不变的情况下,调整目标边框线的位置,对待裁剪图像进行裁剪,如此,无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
图8为实现本发明各个实施例的一种电子设备的硬件结构示意图。
该电子设备800包括第一屏和第二屏,还包括但不限于:射频单元801、网络模块802、音频输出单元803、输入单元804、传感器805、显示单元806、用户输入单元807、接口单元808、存储器809、处理器810、以及电源811等部件。本领域技术人员可以理解,图8中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。在本发明实施例中,电子设备包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载终端设备、可穿戴设备、以及计步器等。
其中,在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪。
本发明实施例中,无需用户对裁剪框进行上下左右反复地移动操作,通过简单地裁剪操作,便可实现对图像的精细化裁剪,且能够达到较佳地裁剪效果,满足用户对图像的裁剪需求,提升用户裁剪操作的体验。
应理解的是,本发明实施例中,射频单元801可用于收发信息或通话过程中,信号的接收和发送,具体的,将来自基站的下行数据接收后,给处理器810处理;另外,将上行的数据发送给基站。通常,射频单元801包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元801还可以通过无线通信系统与网络和其他设备通信。
电子设备通过网络模块802为用户提供了无线的宽带互联网访问,如帮助用户收发电子邮件、浏览网页和访问流式媒体等。
音频输出单元803可以将射频单元801或网络模块802接收的或者在存储器809中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元803还可以提供与电子设备800执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元803包括扬声器、蜂鸣器以及受话器等。
输入单元804用于接收音频或视频信号。输入单元804可以包括图形处理器(Graphics Processing Unit,GPU)8041和麦克风8042,图形处理器8041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元806上。经图形处理器8041处理后的图像帧可以存储在存储器809(或其它存储介质)中或者经由射频单元801或网络模块802进行发送。麦克风8042可以接收声音,并且能够将这样的声音处理为音频数据。处理后的音频数据可以在电话通话模式的情况下转换为可经由射频单元801发送到移动通信基站的格式输出。
电子设备800还包括至少一种传感器805,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板8061的亮度,接近传感器可在电子设备800移动到耳边时,关闭显示面板8061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别移动电子设备姿态(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;传感器805还可以包括指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等,在此不再赘述。
显示单元806用于显示由用户输入的信息或提供给用户的信息。显示单元806可包括显示面板8061,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板8061。
用户输入单元807可用于接收输入的数字或字符信息,以及产生与移动电子设备的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元807包括触控面板8071以及其他输入设备8072。触控面板8071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板8071上或在触控面板8071附近的操作)。触控面板8071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器810,接收处理器810发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板8071。除了触控面板8071,用户输入单元807还可以包括其他输入设备8072。具体地,其他输入设备8072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。
进一步的,触控面板8071可覆盖在显示面板8061上,当触控面板8071检测到在其上或附近的触摸操作后,传送给处理器810以确定触摸事件的类型,随后处理器810根据触摸事件的类型在显示面板8061上提供相应的视觉输出。虽然在图8中,触控面板8071与显示面板8061是作为两个独立的部件来实现移动电子设备的输入和输出功能,但是在某些实施例中,可以将触控面板8071与显示面板8061集成而实现移动电子设备的输入和输出功能,具体此处不做限定。
接口单元808为外部装置与电子设备800连接的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元808可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到电子设备800内的一个或多个元件或者可以用于在电子设备800和外部装置之间传输数据。
存储器809可用于存储软件程序以及各种数据。存储器809可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器809可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器810是移动电子设备的控制中心,利用各种接口和线路连接整个移动电子设备的各个部分,通过运行或执行存储在存储器809内的软件程序和/或模块,以及调用存储在存储器809内的数据,执行移动电子设备的各种功能和处理数据,从而对移动电子设备进行整体监控。处理器810可包括一个或多个处理单元;优选的,处理器810可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器810中。
电子设备800还可以包括给各个部件供电的电源811(比如电池),优选的,电源811可以通过电源管理系统与处理器810逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
另外,电子设备800包括一些未示出的功能模块,在此不再赘述。
优选的,本发明实施例还提供一种电子设备,包括处理器810,存储器809,存储在存储器809上并可在处理器810上运行的计算机程序,该计算机程序被处理器810执行时实现上述图像裁剪方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本发明实施例还提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述图像裁剪方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。其中,所述的计算机可读存储介质,如只读存储器(Read-Only Memory,简称ROM)、随机存取存储器(Random Access Memory,简称RAM)、磁碟或者光盘等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台电子设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本发明的保护之内。
Claims (12)
1.一种图像裁剪方法,应用于包括第一屏和第二屏的电子设备,其特征在于,包括:
在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪;
其中,所述第二屏为与所述第一屏相背的屏。
2.根据权利要求1所述的方法,其特征在于,所述将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整,包括:
根据所述第一输入,确定目标缩放比例;
将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整。
3.根据权利要求2所述的方法,其特征在于,所述第一输入为沿第一预设方向滑动形成至少部分第一预设形状轨迹的第一滑动输入;
所述根据所述第一输入,确定目标缩放比例,包括:
将所述第一滑动输入形成的轨迹的长度值占完整的所述第一预设形状的周长值的比值确定为目标放大比例;
所述将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整,包括:
将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标放大比例放大。
4.根据权利要求2所述的方法,其特征在于,所述第一输入为沿第二预设方向滑动形成至少部分第二预设形状轨迹的第二滑动输入;
所述根据所述第一输入,确定目标缩放比例,包括:
将所述第二滑动输入形成的轨迹的长度值占完整的所述第二预设形状的周长值的比值确定为目标缩小比例;
所述将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整,包括:
将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩小比例缩小。
5.根据权利要求1所述的方法,其特征在于,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整之后,接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入之前,所述方法还包括:
接收第三输入;
响应于所述第三输入,同时移动所述待裁剪图像以及所述裁剪框,将所述裁剪框的目标边框线显示于所述第一屏的目标位置。
6.根据权利要求1所述的方法,其特征在于,响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪之前,所述方法还包括:
接收对所述第二屏的第四输入;
响应于所述第四输入,将按照比例缩放后的所述待裁剪图像的大小以及所述裁剪框的大小恢复至比例缩放之前,并显示于所述第一屏。
7.一种电子设备,所述电子设备包括第一屏和第二屏,其特征在于,包括:
第一接收模块,用于在所述第一屏显示待裁剪图像,且所述待裁剪图像上显示有裁剪框的情况下,接收对所述第二屏的第一输入;
调整模块,用于响应于所述第一输入,在保持所述待裁剪图像与所述裁剪框的相对位置不变的情况下,将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整;
第二接收模块,用于接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入;
裁剪模块,用于响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪;
其中,所述第二屏为与所述第一屏相背的屏。
8.根据权利要求7所述的电子设备,其特征在于,所述调整模块包括:
缩放比例确定单元,用于根据所述第一输入,确定目标缩放比例;
调整单元,用于将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩放比例调整。
9.根据权利要求8所述的电子设备,其特征在于,所述第一输入为沿第一预设方向滑动形成至少部分第一预设形状轨迹的第一滑动输入;
所述缩放比例确定单元具体用于:
将所述第一滑动输入形成的轨迹的长度值占完整的所述第一预设形状的周长值的比值确定为目标放大比例;
所述调整单元具体用于:
将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标放大比例放大。
10.根据权利要求8所述的电子设备,其特征在于,所述第一输入为沿第二预设方向滑动形成至少部分第二预设形状轨迹的第二滑动输入;
所述缩放比例确定单元具体用于:
将所述第二滑动输入形成的轨迹的长度值占完整的所述第二预设形状的周长值的比值确定为目标缩小比例;
所述调整单元具体用于:
将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的所述目标缩小比例缩小。
11.根据权利要求7所述的电子设备,其特征在于,还包括:
第三接收模块,用于在将所述待裁剪图像的大小以及所述裁剪框的大小按照相同的缩放比例调整之后,接收对所述第一屏上显示的所述裁剪框的目标边框线的第二输入之前,接收第三输入;
第一显示模块,用于响应于所述第三输入,同时移动所述待裁剪图像以及所述裁剪框,将所述裁剪框的目标边框线显示于所述第一屏的目标位置。
12.根据权利要求7所述的电子设备,其特征在于,还包括:
第四接收模块,用于在响应于所述第二输入,在保持所述待裁剪图像的显示位置不变的情况下,调整所述目标边框线的位置,对所述待裁剪图像进行裁剪之前,接收对所述第二屏的第四输入;
第二显示模块,用于响应于所述第四输入,将按照比例缩放后的所述待裁剪图像的大小以及所述裁剪框的大小恢复至比例缩放之前,并显示于所述第一屏。
Priority Applications (6)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010051509.4A CN111311489B (zh) | 2020-01-17 | 2020-01-17 | 一种图像裁剪方法及电子设备 |
PCT/CN2021/071052 WO2021143642A1 (zh) | 2020-01-17 | 2021-01-11 | 图像裁剪方法及电子设备 |
EP21741979.5A EP4092613A4 (en) | 2020-01-17 | 2021-01-11 | IMAGE CROP METHOD AND ELECTRONIC DEVICE |
JP2022543577A JP7446441B2 (ja) | 2020-01-17 | 2021-01-11 | 画像クロップ方法及び電子機器 |
KR1020227022841A KR102661343B1 (ko) | 2020-01-17 | 2021-01-11 | 이미지 크로핑 방법 및 전자기기 |
US17/865,365 US20220351330A1 (en) | 2020-01-17 | 2022-07-14 | Image cropping method and electronic device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010051509.4A CN111311489B (zh) | 2020-01-17 | 2020-01-17 | 一种图像裁剪方法及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111311489A CN111311489A (zh) | 2020-06-19 |
CN111311489B true CN111311489B (zh) | 2023-07-04 |
Family
ID=71150922
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010051509.4A Active CN111311489B (zh) | 2020-01-17 | 2020-01-17 | 一种图像裁剪方法及电子设备 |
Country Status (6)
Country | Link |
---|---|
US (1) | US20220351330A1 (zh) |
EP (1) | EP4092613A4 (zh) |
JP (1) | JP7446441B2 (zh) |
KR (1) | KR102661343B1 (zh) |
CN (1) | CN111311489B (zh) |
WO (1) | WO2021143642A1 (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111311489B (zh) * | 2020-01-17 | 2023-07-04 | 维沃移动通信有限公司 | 一种图像裁剪方法及电子设备 |
CN112541919B (zh) * | 2020-12-29 | 2024-09-17 | 申建常 | 一种图片分割处理方法及处理系统 |
CN114063864A (zh) * | 2021-11-29 | 2022-02-18 | 惠州Tcl移动通信有限公司 | 图像显示方法、装置、电子设备及计算机可读存储介质 |
CN114327730A (zh) * | 2021-12-31 | 2022-04-12 | 维沃移动通信有限公司 | 图像显示方法和电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102646258A (zh) * | 2011-02-21 | 2012-08-22 | 腾讯科技(深圳)有限公司 | 图像裁剪方法及系统 |
CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德(北京)网络科技有限公司 | 图片裁剪方法和装置 |
CN105872236A (zh) * | 2016-04-28 | 2016-08-17 | 努比亚技术有限公司 | 一种图片显示装置和方法 |
US9917957B1 (en) * | 2016-11-17 | 2018-03-13 | Xerox Corporation | Cropping image within image preview |
CN108628508A (zh) * | 2018-04-25 | 2018-10-09 | 维沃移动通信有限公司 | 一种调整剪裁窗口的方法及移动终端 |
CN110221738A (zh) * | 2019-05-16 | 2019-09-10 | 珠海格力电器股份有限公司 | 一种图片处理的方法及设备 |
Family Cites Families (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2006054484A1 (en) * | 2004-11-19 | 2006-05-26 | Fujifilm Corporation | Screen edit apparatus, screen edit method, and screen edit program |
US8587614B2 (en) * | 2007-12-10 | 2013-11-19 | Vistaprint Schweiz Gmbh | System and method for image editing of electronic product design |
JP5093080B2 (ja) * | 2008-12-05 | 2012-12-05 | 富士通モバイルコミュニケーションズ株式会社 | 携帯端末 |
KR101564108B1 (ko) * | 2009-03-20 | 2015-10-28 | 엘지전자 주식회사 | 듀얼 디스플레이부를 구비한 이동 통신 단말기에서의 아이템 제어 방법 및 이를 적용한 이동 통신 단말기 |
US8823749B2 (en) * | 2009-06-10 | 2014-09-02 | Qualcomm Incorporated | User interface methods providing continuous zoom functionality |
JP5885152B2 (ja) * | 2011-05-27 | 2016-03-15 | 京セラ株式会社 | 携帯端末装置、プログラムおよび表示制御方法 |
US9158455B2 (en) * | 2011-07-12 | 2015-10-13 | Apple Inc. | Multifunctional environment for image cropping |
JP5859298B2 (ja) * | 2011-12-08 | 2016-02-10 | 任天堂株式会社 | 情報処理システム、情報処理装置、情報処理方法及び情報処理プログラム |
JP6213467B2 (ja) * | 2012-06-29 | 2017-10-18 | 日本電気株式会社 | 端末装置、表示制御方法およびプログラム |
KR101999137B1 (ko) * | 2013-01-03 | 2019-07-11 | 삼성전자주식회사 | 카메라를 구비하는 장치의 이미지 처리장치 및 방법 |
GB2512628A (en) * | 2013-04-04 | 2014-10-08 | Sony Corp | Method and apparatus |
JP7029913B2 (ja) * | 2017-09-22 | 2022-03-04 | Line株式会社 | プログラム、情報処理方法、及び情報処理装置 |
CN107622497B (zh) * | 2017-09-29 | 2020-03-27 | Oppo广东移动通信有限公司 | 图像裁剪方法、装置、计算机可读存储介质和计算机设备 |
CN108898555B (zh) * | 2018-07-27 | 2022-09-23 | 维沃移动通信有限公司 | 一种图像处理方法及终端设备 |
CN111311489B (zh) * | 2020-01-17 | 2023-07-04 | 维沃移动通信有限公司 | 一种图像裁剪方法及电子设备 |
-
2020
- 2020-01-17 CN CN202010051509.4A patent/CN111311489B/zh active Active
-
2021
- 2021-01-11 WO PCT/CN2021/071052 patent/WO2021143642A1/zh unknown
- 2021-01-11 KR KR1020227022841A patent/KR102661343B1/ko active IP Right Grant
- 2021-01-11 JP JP2022543577A patent/JP7446441B2/ja active Active
- 2021-01-11 EP EP21741979.5A patent/EP4092613A4/en active Pending
-
2022
- 2022-07-14 US US17/865,365 patent/US20220351330A1/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102646258A (zh) * | 2011-02-21 | 2012-08-22 | 腾讯科技(深圳)有限公司 | 图像裁剪方法及系统 |
CN105205780A (zh) * | 2015-10-19 | 2015-12-30 | 新华瑞德(北京)网络科技有限公司 | 图片裁剪方法和装置 |
CN105872236A (zh) * | 2016-04-28 | 2016-08-17 | 努比亚技术有限公司 | 一种图片显示装置和方法 |
US9917957B1 (en) * | 2016-11-17 | 2018-03-13 | Xerox Corporation | Cropping image within image preview |
CN108628508A (zh) * | 2018-04-25 | 2018-10-09 | 维沃移动通信有限公司 | 一种调整剪裁窗口的方法及移动终端 |
CN110221738A (zh) * | 2019-05-16 | 2019-09-10 | 珠海格力电器股份有限公司 | 一种图片处理的方法及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111311489A (zh) | 2020-06-19 |
JP2023510620A (ja) | 2023-03-14 |
WO2021143642A1 (zh) | 2021-07-22 |
US20220351330A1 (en) | 2022-11-03 |
EP4092613A1 (en) | 2022-11-23 |
KR20220108147A (ko) | 2022-08-02 |
KR102661343B1 (ko) | 2024-04-25 |
JP7446441B2 (ja) | 2024-03-08 |
EP4092613A4 (en) | 2023-07-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11210049B2 (en) | Display control method and terminal | |
CN108762954B (zh) | 一种对象分享方法及移动终端 | |
JP7359920B2 (ja) | 画像処理方法及びフレキシブルスクリーン端末 | |
CN108668083B (zh) | 一种拍照方法及终端 | |
CN108536365B (zh) | 一种图像分享方法及终端 | |
CN111311489B (zh) | 一种图像裁剪方法及电子设备 | |
WO2020156169A1 (zh) | 显示控制方法及终端设备 | |
CN111562896B (zh) | 投屏方法及电子设备 | |
CN109725683B (zh) | 一种程序显示控制方法和折叠屏终端 | |
WO2019184947A1 (zh) | 图像查看方法及移动终端 | |
CN109739407B (zh) | 信息处理方法及终端设备 | |
CN108898555B (zh) | 一种图像处理方法及终端设备 | |
CN108228902B (zh) | 一种文件显示方法及移动终端 | |
WO2021017730A1 (zh) | 截图方法及终端设备 | |
CN110536007B (zh) | 一种界面显示方法、终端及计算机可读存储介质 | |
EP3731506A1 (en) | Image display method and mobile terminal | |
CN109669656B (zh) | 一种信息显示方法及终端设备 | |
CN109828706A (zh) | 一种信息显示方法及终端 | |
CN111124571A (zh) | 界面显示方法及电子设备 | |
US20220011914A1 (en) | Operation method and terminal device | |
CN108804628B (zh) | 一种图片显示方法及终端 | |
CN108469940B (zh) | 一种截图方法及终端 | |
CN111444874B (zh) | 指纹模组控制方法及电子设备 | |
CN108469944B (zh) | 一种显示控制方法及移动终端 | |
CN111443860B (zh) | 触控方法和电子设备 |
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 | ||
GR01 | Patent grant |