Mega Code Archive

 

Categories / Flex / Graphics

 

Drag and drop image on Canvas with ghost image

<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <mx:Script>          import mx.managers.DragManager;     import mx.core.DragSource;     import mx.events.DragEvent;     import flash.events.MouseEvent;          [Embed(source='logo.jpg')]     public var globeImage:Class;          private function mouseOverHandler(event:MouseEvent):void     {         var dragInitiator:Image = Image(event.currentTarget);         var ds:DragSource = new DragSource();         ds.addData(dragInitiator, "img");                  var imageProxy:Image = new Image();         imageProxy.source = globeImage;         DragManager.doDrag(dragInitiator, ds, event,imageProxy, -5, -5, 1.00);     }     private function dragEnterHandler(event:DragEvent):void {         if (event.dragSource.hasFormat("img"))         {             DragManager.acceptDragDrop(Canvas(event.currentTarget));         }     }     private function dragDropHandler(event:DragEvent):void {         Image(event.dragInitiator).x =Canvas(event.currentTarget).mouseX;         Image(event.dragInitiator).y =Canvas(event.currentTarget).mouseY;     }        </mx:Script>     <mx:Canvas width="100" height="100" backgroundColor="#FF00FF"                 dragEnter="dragEnterHandler(event);"                dragDrop="dragDropHandler(event);">         <mx:Image id="myimg" source="@Embed(source='logo.jpg')" mouseMove="mouseOverHandler(event);"/>     </mx:Canvas> </mx:Application>