Multifunctional environment for image cropping

• US 9,767,535 B2
• Filed: 10/12/2015
• Issued: 09/19/2017
• Est. Priority Date: 07/12/2011
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Bhatt, Nikhil, Cherna, Timothy David
• Primary Examiner(s): CRADDOCK, ROBERT J
• Application Number:
  US14/880,940
• Publication Number:
  US 20160035065A1
• Time in Patent Office: 708 Days
• CPC Class Codes: G06F 2200/1637 Sensing arrangement for detection of housing movement or orientation, e.g. for controlling scrolling or cursor movement on the display of an handheld computer
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/0346 with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G06T 11/00 2D [Two Dimensional] image generation
• CPC Class Codes: G06T 2210/22 Cropping
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: G06T 3/60 Rotation of whole images or parts thereof

Abstract

Methods, systems, and apparatus, including computer programs encoded on computer storage media, are described for combining the crop function with zoom, pan and straighten functions as part of a single cropping environment, such that a user can select a portion of an image for cropping, apply zoom, pan and straighten transformations to the selected image portion and then crop the transformed image portion in a single utility. In one aspect, the methods include the actions of receiving user input defining a crop region within a displayed image. The methods also include the actions of displaying a user interface including a cropping panel that is configured to display a subset of the image corresponding to the defined crop region. Further, the methods include the actions of receiving user input requesting to perform at least one of a zoom, rotate or translate operation on the crop region displayed in the cropping panel.

Claims

1. A method, comprising:

at a computing device with a display and one or more input devices;

displaying, on the display, an image;

while displaying the image, receiving, via the one or more input devices, a first input that corresponds to a request to rotate the image; and

in response to receiving the first input;

in accordance with a determination that the request to rotate the image is a request to rotate the image by a first amount of rotation, rotating the image on the display by the first amount of rotation of the image and zooming the image on the display by a first amount of zooming determined based at least in part on the first amount of rotation of the image; and

in accordance with a determination that the request to rotate the image is a request to rotate the image by a second amount of rotation, rotating the image by the second amount of rotation of the image and zooming the image by a second amount of zooming determined based at least in part on the second amount of rotation of the image, wherein the second amount of zooming is different from the first amount of zooming.

2. The method of claim 1, wherein the image is displayed within a bounding region, wherein the first amount of zooming is determined based at least in part on the bounding region, and wherein the second amount of zooming is determined based at least in part on the bounding region.

3. The method of claim 2, wherein the first amount of zooming is determined so as to fill the bounding region with the image without displaying an edge of the image within the bounding region.

4. The method of claim 2, wherein the second amount of zooming is determined so as to fill the bounding region with the image without displaying an edge of the image within the bounding region.

5. The method of claim 2, further comprising:

in response to receiving the first input, concurrently displaying a grid within the bounding region and aligned with the bounding region; and

in response to termination of the first input, cease displaying the grid.

6. The method of claim 1, wherein receiving the first input that corresponds to the request to rotate the image comprises detecting a rotation touch gesture on a touch screen of the computing device.

7. The method of claim 1, wherein receiving the first input that corresponds to the request to rotate the image comprises a detecting a gyroscope-sensitive or accelerometer-sensitive rotation gesture.

8. The method of claim 1, further comprising:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input is received before termination of the first input, ignoring the second input; and

in accordance with a determination that the second input is received after termination of the first input, zooming or translating the image according to the second input.

9. The method of claim 1, further comprising:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input meets a threshold parameter, zooming or translating the image according to the second input; and

in accordance with a determination that the second input does not meet the threshold, ignoring the second input.

10. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, one or more input devices and one or more processors, cause the device to perform a method, the method comprising:

displaying, on the display, an image;

while displaying the image, receiving, via the one or more input devices, a first input that corresponds to a request to rotate the image; and

in response to receiving the first input;

in accordance with a determination that the request to rotate the image is a request to rotate the image by a first amount of rotation, rotating the image on the display by the first amount of rotation of the image and zooming the image on the display by a first amount of zooming determined based at least in part on the first amount of rotation of the image; and

in accordance with a determination that the request to rotate the image is a request to rotate the image by a second amount of rotation, rotating the image by the second amount of rotation of the image and zooming the image by a second amount of zooming determined based at least in part on the second amount of rotation of the image, wherein the second amount of zooming is different from the first amount of zooming.

11. The non-transitory computer readable storage medium of claim 10, wherein the image is displayed within a bounding region, wherein the first amount of zooming is determined based at least in part on the bounding region, and wherein the second amount of zooming is determined based at least in part on the bounding region.

12. The non-transitory computer readable storage medium of claim 11, wherein the first amount of zooming is determined so as to fill the bounding region with the image without displaying a first edge of the image within the bounding region.

13. The non-transitory computer readable storage medium of claim 11, wherein the second amount of zooming is determined so as to fill the bounding region with the image without displaying a second edge of the image within the bounding region.

14. The non-transitory computer readable storage medium of claim 11, further comprising:

in response to receiving the first input, concurrently displaying a grid within the bounding region and aligned with the bounding region; and

in response to termination of the first input, cease displaying the grid.

15. The non-transitory computer readable storage medium of claim 10, wherein receiving the first input that corresponds to the request to rotate the image comprises detecting a rotation touch gesture on a touch screen of the electronic device.

16. The non-transitory computer readable storage medium of claim 10, wherein receiving the first input that corresponds to the request to rotate the image comprises a detecting a gyroscope-sensitive or accelerometer-sensitive rotation gesture.

17. The non-transitory computer readable storage medium of claim 10, further comprising:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input is received before termination of the first input, ignoring the second input; and

in accordance with a determination that the second input is received after termination of the first input, zooming or translating the image according to the second input.

18. The non-transitory computer readable storage medium of claim 10, further comprising:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input meets a threshold parameter, zooming or translating the image according to the second input; and

in accordance with a determination that the second input does not meet the threshold, ignoring the second input.

19. A computing device comprising:

a display;

one or more input devices; and

one or more processors capable of;

displaying, on the display, an image;

while displaying the image, receiving, via the one or more input devices, a first input that corresponds to a request to rotate the image; and

in response to receiving the first input;

in accordance with a determination that the request to rotate the image is a request to rotate the image by a first amount of rotation, rotating the image on the display by the first amount of rotation of the image and zooming the image on the display by a first amount of zooming determined based at least in part on the first amount of rotation of the image; and

in accordance with a determination that the request to rotate the image is a request to rotate the image by a second amount of rotation, rotating the image by the second amount of rotation of the image and zooming the image by a second amount of zooming determined based at least in part on the second amount of rotation of the image, wherein the second amount of zooming is different from the first amount of zooming.

20. The computing device of claim 19, wherein the image is displayed within a bounding region, wherein the first amount of zooming is determined based at least in part on the bounding region, and wherein the second amount of zooming is determined based at least in part on the bounding region.

21. The computing device of claim 20, wherein the first amount of zooming is determined so as to fill the bounding region with the image without displaying a first edge of the image within the bounding region.

22. The computing device of claim 20, wherein the second amount of zooming is determined so as to fill the bounding region with the image without displaying a second edge of the image within the bounding region.

23. The computing device of claim 20, the one or more processors further capable of:

in response to receiving the first input, concurrently displaying a grid within the bounding region and aligned with the bounding region; and

in response to termination of the first input, cease displaying the grid.

24. The computing device of claim 19, wherein receiving the first input that corresponds to the request to rotate the image comprises detecting a rotation touch gesture on a touch screen of the computing device.

25. The computing device of claim 19, wherein receiving the first input that corresponds to the request to rotate the image comprises a detecting a gyroscope-sensitive or accelerometer-sensitive rotation gesture.

26. The computing device of claim 19, the one or more processors further capable of:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input is received before termination of the first input, ignoring the second input; and

in accordance with a determination that the second input is received after termination of the first input, zooming or translating the image according to the second input.

27. The computing device of claim 19, the one or more processors further capable of:

receiving a second input that corresponds to a request to zoom or translate the image, the second input received after a beginning of the first input;

in response to receiving the second input;

in accordance with a determination that the second input meets a threshold parameter, zooming or translating the image according to the second input; and

in accordance with a determination that the second input does not meet the threshold, ignoring the second input.