Case Study: A Photo Cropping and Resizing Tool


Now that you have several new methods in your ADS library, let’s create the beginnings of a nice WYSIWYG tool that will allow you to crop and resize photos. Before you get too excited, I should mention that it’s not actually possible to crop and resize a photo with your DOM script. The complete tool will require you to write a server-side portion capable of resizing the actual image file. Here, you’ll simulate the cropping and resizing actions in the browser so that once it looks the way you want, you can submit the new information to the server and do the actual modifications. This chapter will set up the tool with the basic functionality you’ll need and will resemble Figure 6-1.


Event Flow Crop Area Image Editor Style Sheet Height Property 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Jeffrey Sambells, Aaron Gustafson 2007

Personalised recommendations