I'm trying allow the user to drag an oversized image within a properly-sized frame display area so they can choose how/where the image gets cropped/clipped.
In other words, if I have a 500x500 image, I'm displaying that image at 100% magnification but clipped to fit inside a 200x100 frame and allowing the user to drag the image up, down and sideways within the frame to preview and set how the image will get cropped down to 200x100. The method I'm trying to utilize is using an mx:Image as a child of a 200x100 mx:Canvas with vertical and horizontal scroll policies set to off. Then attaching drag and drop events to the Canvas. The dragProxy for the drag manager of the canvas is the image of the child Image component, set to full size. Functionally it all works pretty well. But one significant problem is that, when dragging, the dragProxy image is not, itself, clipped within the Canvas. It shows on top of the entire application. Is there a way to get the dragProxy to always clip within a given region (in this case, the rect of the Canvas)? Or, perhaps dragProxy is the complete wrong way to do this. Any advice would be appreciated. Thanks in advance, -Carl
