[flex_india:25465] How can i resize a dragged image into a canvas? Need rotation also

[Harikrishnan R]

Here's my code..

Am dragging image from the horizontal list to text/canvas..


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute"  width="1064" height="596" horizontalAlign="center"
verticalAlign="middle"  fontFamily="Arial">
<mx:Script>
     <![CDATA[
                import
com.roguedevelopment.objecthandles.ObjectHandles;
                import mx.controls.Alert;
                import mx.core.Container;
                import mx.managers.DragManager;
                import mx.core.DragSource;
                import mx.events.DragEvent;
                import mx.events.StyleEvent;
                import mx.controls.Button;
        import mx.collections.ArrayCollection;
                        import mx.core.UIComponent;
                        import mx.controls.Image;
                        import mx.controls.Text;


                private function acceptIt(event:DragEvent):void
                {
                        DragManager.acceptDragDrop(event.target as Canvas);
                }

        private function performDrop(event:DragEvent):void
                {
                   if(event.dragSource.hasFormat("items"))
                   {
                   var items:Array = event.dragSource.dataForFormat("items") as
Array;
                   trace(items[0].thumbnailImage);
                   var img:Image = new Image()
                   img.x=event.localX
                   img.y=event.localY
                   img.source=items[0].thumbnailImage
                   img.addEventListener(MouseEvent.MOUSE_MOVE,dragIt);
                   cv1.addChild(img);
                   }
                   else
                   {
                        event.dragInitiator.x=event.localX;
                        event.dragInitiator.y=event.localY;
                   }

                }

                private function dragIt(event:MouseEvent):void
            {


                var dragInitiator:Image = event.currentTarget as
Image;
                             var dragSource:DragSource = new DragSource
();
                              dragSource.addData(1, 'value');
                               var dragProxy:Image = new Image();
                dragProxy.source = event.currentTarget.source;
                dragProxy.setActualSize
(event.currentTarget.width,event.currentTarget.height);
                  DragManager.doDrag(dragInitiator, dragSource, event,
dragProxy);
            }

                     ]]>
        </mx:Script>


    <mx:Array id="arr">
        <mx:Object label="1"
                thumbnailImage="[assets/img1.png]"
                 />
        <mx:Object label="2"
                thumbnailImage="assets/img2.png"
                 />
        <mx:Object label="3"
                thumbnailImage="assets/img3.jpg"
                 />
        <mx:Object label="4"
                thumbnailImage="assets/img4.jpg"
                 />
        <mx:Object label="5"
                thumbnailImage="assets/img5.jpg"
                />
        <mx:Object label="6"
                thumbnailImage="assets/img6.jpg"
                />
        <mx:Object label="7"
                thumbnailImage="assets/img7.jpg"
                />
        <mx:Object label="8"
                thumbnailImage="assets/img8.jpg"
                  />
        </mx:Array>


<mx:Canvas id="cnv2" height="575" y="12.55" x="8.6" width="353" >

         <mx:Button label=" ----&gt;" id="cptxt" x="264.4" y="134.05"
click="CP()" useHandCursor="true" width="49" height="59"/>


 <mx:HorizontalList id="t2" enabled="true" x="3.95" y="396.9"
columnCount="4" columnWidth="125" rowCount="1"
                    rowHeight="100" dragEnabled="true"
dataProvider="{arr}" labelField="thumbnailImage"
                   width="222" height="161"
itemRenderer="mx.controls.Image" creationComplete="mx.controls.Image"
selectedIndex="0" />

          </mx:Canvas>
    <mx:Canvas id="cv1" x="521.9" y="123.05" width="205" height="263"
backgroundColor="#E5E1E1" dragEnter="acceptIt(event)"
dragDrop="performDrop(event)" horizontalScrollPolicy="off"
verticalScrollPolicy="off" borderColor="#F7F0F0" alpha="1.0"
backgroundAlpha="0.0">
  <mx:Text id="cvs"  width="201" height="256" mouseDown="cvs.startDrag
()" mouseUp="cvs.stopDrag()" useHandCursor="true"
mouseChildren="false"  x="1.1" y="3.95" alpha="1.0"/>
  </mx:Canvas>
 </mx:Application>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to flex_india@googlegroups.com
To unsubscribe from this group, send email to 
flex_india+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en
-~----------~----~----~----~------~----~------~--~---