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

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Graphics » Image Drag DropScreenshots 
Drag and drop image on Canvas
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 imageCreating a custom drag image
2.Drag and drop image on Canvas with ghost imageDrag and drop image on Canvas with ghost image
3.Drag to copy image between two Canvas controlsDrag to copy image between two Canvas controls
4.Drag and move an Image from one Canvas to another CanvasDrag and move an Image from one Canvas to another Canvas
5.Use Image control to load a draggable image into a Canvas container.Use Image control to load a draggable image into a Canvas container.
6.Drag and Drop Image, Copy MoveDrag and Drop Image, Copy Move
w_w__w__.ja__v__a__2__s___.___c___o_m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.