Adding a DragScrollingCanvas

I've discovered the great flexlib library that adds a number of components to flex's already easy to use components. Here I have embedded an image inside of a DragScrollingCanvas. Try putting your cursor inside the image area and drag the image around. It will drag scroll any content contained within it, not just image data. I kept the example simple.

Below is the source

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:flexlib="http://code.google.com/p/flexlib/" layout="absolute" width="500" height="400">
   <mx:Canvas x="0" y="0" width="500" height="400">
      <flexlib:DragScrollingCanvas x="25" y="25"
               borderStyle="inset" id="dragCanvas"
               width="450" height="350"
               childrenDoDrag="true" backgroundColor="#feefd3" backgroundAlpha=".65" cornerRadius="0">
               <mx:Image id="myLogo" source="@Embed('assets/snarl.jpg')"/>
      </flexlib:DragScrollingCanvas>
   </mx:Canvas>
</mx:Application>