Drag and drop image on Canvas

           


<?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 mouseMoveHandler(event:MouseEvent):void
    {
        var dragInitiator:Image=Image(event.currentTarget);
        var ds:DragSource = new DragSource();
        ds.addData(dragInitiator, "img");
        DragManager.doDrag(dragInitiator, ds, event);
    }
    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="#FF0000" 
               dragEnter="dragEnterHandler(event);" 
               dragDrop="dragDropHandler(event);">
       <mx:Image id="myimg" source="@Embed(source='logo.jpg')" mouseMove="mouseMoveHandler(event);"/>
    </mx:Canvas>
</mx:Application>

Related examples in the same category

1.	Creating a custom drag image
2.	Drag and drop image on Canvas with ghost image
3.	Drag to copy image between two Canvas controls
4.	Drag and move an Image from one Canvas to another Canvas
5.	Use Image control to load a draggable image into a Canvas container.
6.	Drag and Drop Image, Copy Move

Drag and drop image on Canvas : Image Drag Drop « Graphics « Flex

Related examples in the same category