There is the simple way and the hard way - this is the simple way, just resize the image container and place it in a holdercontainer that matches your dimensions, the hard way is to apply transform scaling and redrawing the required portion to a new image for display(I don't have time to do this at the moment).
Just note with the simple way if the image is portrait or landscape it will still center to the holding container.
<?xml version="1.0" encoding="utf-8"?>
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
protected function image1_creationCompleteHandler(event:FlexEvent):void
if (img.contentHeight > img.contentWidth)
img.width = holder.width;
img.height = holder.height*img.contentHeight/img.contentWidth;
img.height = holder.height;
img.width = holder.width*img.contentWidth/img.contentHeight;
<!-- Place non-visual elements (e.g., services, value objects) here -->
<mx:Canvas id="holder" x="186" y="110" width="100" height="100" verticalScrollPolicy="off" horizontalScrollPolicy="off">
<mx:Image id="img" x="0" y="0" source="Koala.jpg" verticalCenter="0" horizontalCenter="0" creationComplete="image1_creationCompleteHandler(event)"/>
That or pick up one of the third-party classes people have posted that can pull this off.
Thanks for the replies. I discovered the Matrix thing myself yesterday and have been going down that path as it seems that's the only way to resize an image larger than its original dimensions.
However, if anyone has a link to an already-written class that does the same thing, please let me know. My Googling has so far been fruitless.