NON-DESTRUCTIVE MANIPULATION OF IMAGES IN WEB DEVELOPMENT ENVIRONMENTS

摘要

Non-destructive manipulation of images in a web development environment (WDE) is disclosed. The WDE provides an image preview component for operating on the original source image data of an image desired for placement on a web page under development in the WDE. Image manipulation tools, such as cropping and scaling, are provided in the image preview component allowing the designer to adjust the appearance of the original source image data that will be presented by the web image object placed on the design canvas of the WDE. The web image objects are defined having a link to the original source image data by maintaining the display modification instructions used to manipulate the original image defined by the original source image data into the display of the web image object.

主权项

1. A method comprising:
displaying, by a processor, a source image in an image preview dialog interface in response to a first request to display the image preview interface receiving, by the processor, a first modification command, the first modification command specifying a first rendering instruction to be performed in response to a command to display the source image; generating, by the processor, a web image object comprising a link to the source image and further comprising the first rendering instructions; receiving, by the processor, a second modification command, the second modification command specifying a second rendering instruction to be performed in response to the command to display the source image; updating, by the processor, the web image object to include the second rendering instruction; and displaying, by the processor, the source image in the image preview interface in response to a second request to display the image preview interface, wherein the source image is displayed in the image preview interface by executing the first and second rendering instructions included in the web image object in response to the second request.