LAYING OUT AND CROPPING IMAGES IN PRE-DEFINED LAYOUTS
First Claim
1. A computer-implemented method for dynamically laying out one or more images according to one or more pre-defined layouts, the method comprising:
- displaying a canvas for presenting the layout;
displaying representations of the one or more pre-defined layouts;
receiving a selection of one of the representations;
in response to receiving the selection of one of the representations, displaying selectable image placeholders on the canvas for the one or more images, each image placeholder having a location defined by the pre-defined layout associated with the selected representation;
receiving a request to place an image on the canvas in place of an image placeholder; and
in response to the request, placing the image on the canvas in place of the image placeholder.
2 Assignments
0 Petitions
Accused Products
Abstract
A layout definition file is created that stores data defining image layouts. An application program provides a user interface for laying out images and associated text using the contents of a layout definition file. The user interface includes a canvas onto which a user may place one or more images and a layout gallery through which a user may select a pre-defined layout. The layout gallery includes selectable visual representations corresponding to the pre-defined layouts. When one of the visual representations is selected, the corresponding pre-defined layout is applied to images on the canvas. Alternatively, one of the visual representations may be selected to cause placeholders for images and text in the corresponding pre-defined layout to be placed on the canvas. Images and text can be added to the layout by using the placeholders. Mechanisms are also provided for cropping images for use in a pre-defined layout.
64 Citations
20 Claims
-
1. A computer-implemented method for dynamically laying out one or more images according to one or more pre-defined layouts, the method comprising:
-
displaying a canvas for presenting the layout; displaying representations of the one or more pre-defined layouts; receiving a selection of one of the representations; in response to receiving the selection of one of the representations, displaying selectable image placeholders on the canvas for the one or more images, each image placeholder having a location defined by the pre-defined layout associated with the selected representation; receiving a request to place an image on the canvas in place of an image placeholder; and in response to the request, placing the image on the canvas in place of the image placeholder. - View Dependent Claims (2, 4, 5, 6, 7, 8, 9)
-
-
10. A computer-implemented method for cropping an image, the method comprising:
-
determining a percentage change for cropping the image, the percentage change comprising the amount the image should be cropped expressed as a percentage of the size of a destination shape used to crop the image; determining two sides of the image to crop; and cropping the identified sides of the image by the determined percentage change. - View Dependent Claims (11, 12, 13, 14)
-
-
15. A computer-readable medium having computer-executable instructions stored thereupon which, when executed by a computer, cause the computer to:
-
display representations of one or more pre-defined layouts, receive a selection of one of the representations, display selectable image placeholders on a canvas for the one or more images in response to receiving the selection of one of the representations, receive a request to place an image on the canvas in place of an image placeholder, and placing the image on the canvas in place of the image placeholder in response to the request; and receive the placement of one or more images on the canvas, display a layout gallery adjacent to the canvas comprising selectable representations of the one or more pre-defined layouts, receive a selection of one of the representations in the layout gallery, and in response to the selection, dynamically generating a layout for the one or more images based on a pre-defined layout corresponding to the selected representation, and displaying the layout on the canvas. - View Dependent Claims (16, 17, 18, 19, 20)
-
Specification