Digital image drop zones and transformation interaction
View Patent ↗A portion of a digital image is displayed where the portion that is displayed depends upon a mask. After the portion of the digital image is displayed, a change to the mask is received. It is determined, based at least in part on the received change to the mask, a transformation to be applied to the digital image. A new portion of the digital image is displayed based at least in part on the changed mask and the determined transformation, where the new portion that is displayed has the same center point as the previously displayed portion.
1. A method comprising:
displaying, on a display, at least a portion of a digital image using a mask, the mask defining the portion of the digital image being displayed and another portion of the digital image being cropped, and having a center point corresponding to a reference point of the portion of the digital image being displayed;
receiving, from an input device, an edit that changes the mask such that the center point is translated to an updated center point of the mask;
applying the edit to the mask so that the center point is translated to the updated center point of the mask; and
automatically transforming the digital image in accordance with the mask so that the reference point of the portion of the digital image being displayed corresponds to the updated center point of the mask.
2. The method recited in claim 1 , wherein the mask is part of a drop zone that comprises a background or a border comprising shapes or patterns.
3. The method recited in claim 1 , wherein the mask is part of a drop zone that has a shape different than a shape of the mask.
4. The method recited in claim 1 , wherein the mask is part of a drop zone and wherein the receiving an edit that changes the mask comprises receiving an edit to the drop zone.
5. The method recited in claim 1 , wherein the transforming comprises a matrix transformation.
6. The method recited in claim 1 , wherein the transforming comprises at least one of a translation, a rotation, or a resizing.
7. The method recited in claim 1 , wherein the automatically transforming the digital image comprises:
calculating a width scaling factor comprising a ratio of a width of the mask and the a width of the digital image;
calculating a height scaling factor comprising a ratio of a height of the mask and the a height of the digital image;
selecting a larger scaling factor from the width scaling factor and the height scaling factor;
applying the larger scaling factor to the digital image to create a scaled digital image; and
translating the scaled digital image, if needed, to have a center point at the updated center point of the mask.
8. The method recited in claim 1 , further comprising determining whether a blank space will be displayed where the mask extends beyond an edge of the digital image; and, based on determining that the blank space will be shown, automatically translating the digital image so that no blank space is shown.
9. A non-transitory computer readable storage medium having instructions stored thereon, which, when executed by a computing device, cause the computing device to perform operations comprising:
displaying at least a portion of a digital image using a mask, the mask defining the portion of the digital image being displayed and another portion of the digital image being cropped, and having a center point corresponding to a reference point of the portion of the digital image being displayed;
receiving an edit that changes the mask such that the center point is translated to an updated center point of the mask;
applying the edit to the mask so that the center point is translated to the updated center point of the mask; and
automatically transforming the digital image in accordance with the mask so that the reference point of the portion of the digital image being displayed corresponds to the updated center point of the mask.
10. The computer readable storage medium according to claim 9 , wherein the mask is part of a drop zone that comprises a background or a border comprising shapes or patterns.
11. The computer readable storage medium according to claim 9 , wherein the mask is part of a drop zone that has a shape different than the shape of the mask.
12. The computer readable storage medium according to claim 9 , wherein the mask is part of a drop zone and wherein the receiving an edit that changes the mask comprises receiving an edit to the drop zone.
13. The computer readable storage medium according to claim 9 , wherein the transforming comprises at least one of a translation, rotation, or a resizing.
14. The computer readable storage medium according to claim 9 , wherein the automatically transforming the digital image comprises:
calculating a width scaling factor comprising a ratio of a width of the mask and the a width of the digital image;
calculating a height scaling factor comprising a ratio of a height of the mask and the a height of the digital image;
selecting a larger scaling factor from the width scaling factor and the height scaling factor;
applying the larger scaling factor to the digital image to create a scaled digital image; and
translating the scaled digital image, if needed, to have a center point at the updated center point of the mask.
15. The computer readable storage medium according to claim 9 , the operations further comprising:
determining whether a blank space will be displayed where the mask extends beyond an edge of the digital image; and, based on determining that the blank space will be shown, automatically translating the digital image so that no blank space is shown.
16. A system, comprising:
a processor; and
a memory coupled with the processor and having instructions stored thereon, which, when executed by the processor, cause the processor to perform operations rising:
displaying a portion of a digital image using a mask, the mask defining the portion of the digital image being displayed and another portion of the digital image being cropped, and having a center point corresponding to a reference point of the portion of the digital image being displayed;
receiving an edit that changes the mask such that the center point is translated to an updated center point of the mask;
applying the edit to the mask so that the center point is translated to the updated center point of the mask; and
automatically transforming the digital image in accordance with the mask so that the reference point of the portion of the digital image being displayed corresponds to the updated center point of the mask.
17. The system according to claim 16 , wherein the mask is part of a drop zone that comprises a background or a border comprising shapes or patterns.
18. The system according to claim 16 , wherein the mask is part of a drop zone that has a shape different than a shape of the mask.
19. The system according to claim 16 , wherein the mask is part of a drop zone and wherein the receiving an edit that changes the mask comprises receiving an edit to the drop zone.
20. The system according to claim 16 , wherein the automatically transforming the digital image comprises:
calculating a width scaling factor comprising a ratio of a width of the mask and the a width of the digital image;
calculating a height scaling factor comprising a ratio of a height of the mask and the a height of the digital image;
selecting a larger scaling factor from the width scaling factor and the height scaling factor;
applying the larger scaling factor to the digital image to create a scaled digital image; and
translating the scaled digital image, if needed, to have a center point at the updated center point of the mask.
21. The system according to claim 16 , further comprising determining whether a blank space will be displayed where the mask extends beyond an edge of the digital image; and, based on determining that the blank space will be shown, automatically translating the digital image to ensure that no blank space is shown.