Hi Santosh,
thnqs for ur help .. now i could able to draw heart shape using
graphics class ...but couldnt maintian the variables for croping or
scaling the image into heart shape. i tried all the day but am in vain
but its very intresting to work wt graphics class & drawing api after
seeing ur code ...previously it was like greek n latin for me when i
saw the requirement.
can u help me out with what variables to maintain here like
say if its square/rect we use width & ht. but here what variables to
give for bitmapdata to crop image into heartshape.
thanks,
Sukumar
On Oct 23, 11:58 am, suku <[email protected]> wrote:
> Hi Santosh,
>
> thnq very much 4 ur reply, I will check it once and get back 2
> u .
>
> Thanks
> Sukumar
>
> On Oct 23, 9:50 am, santhosh kumar <[email protected]> wrote:
>
>
>
> > Hicreate a mask Like heart Shape Then apply the mask to image....
> > here I have given the code for cropping image at regular shape. Try this.
> > This will not crop image like heart shape...
> > It Will crop the selected area... I think Only The mask can help you to crop
> > the image like heart shape...
>
> > here is the code...
>
> > <?xml version="1.0" encoding="utf-8"?>
> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute"
> > initialize="initNew()" width="320" height="370">
>
> > <mx:Script>
> > <![CDATA[
> > import mx.rpc.soap.LoadEvent;
> > import mx.controls.Alert;
> > import mx.controls.Image;
>
> > private const image_path:String = "Your Image Source";
> > private var loader:Loader;
> > private var request:URLRequest;
>
> > private var loadBD:BitmapData;
> > private var cropBD:BitmapData;
> > private var startPoint:Point;
> > private var posPoint:Point;
> > private var square: int;
> > private var mtrx: Matrix;
>
> > private function initNew():void
> > {
> > loader=new Loader();
> > request=new URLRequest(image_path);
> > loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
> > loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR,handleError);
> > loader.load(request);}
>
> > private function handleError(event:IOErrorEvent):void
> > {
> > Alert.show(event.text);}
>
> > private function onComplete(event:Event):void {
> > loadBD = Bitmap(event.currentTarget.content).bitmapData;
>
> > imageHolder.graphics.beginBitmapFill(loadBD);
> > imageHolder.graphics.drawRect(0, 0, loadBD.width, loadBD.height);
> > imageHolder.graphics.endFill();
> > //make initial image
> > drawImage();
> > }
> > private function drawImage():void
> > {
> > //crop square
> > startPoint = new Point(xSelector.value,ySelector.value);
> > square = sizeSelector.value;
> > cropImage(startPoint,square);
> > //resize image and show it
> > resizeImage();
> > }
>
> > private function cropImage(startPoint:Point, squareSize:int):void
> > {
> > // Make a new bitmap data using square size
> > cropBD = new BitmapData(squareSize, squareSize, true, 0x00000000);
> > // Position where will be dispayed in the new object, in our case (0,0)
> > posPoint = new Point(0,0);
> > // copy pixels from loaded bitmap data to our new object
> > cropBD.copyPixels(loadBD, new Rectangle(startPoint.x, startPoint.y,
> > squareSize, squareSize), posPoint);
>
> > //draw crop area selected
> > imageCrop.graphics.clear();
> > imageCrop.graphics.lineStyle(1, 0xFFFFFF,0.5);
> > imageCrop.graphics.drawRect(0, 0, cropBD.width, cropBD.height);
> > imageCrop.move(imageHolder.x + startPoint.x, imageHolder.y + startPoint.y);
>
> > }
>
> > private function resizeImage():void
> > {
> > // make scale matrix
> > mtrx = new Matrix();
> > mtrx.scale( imageView.width/cropBD.width ,
> > imageView.height/cropBD.height);
>
> > // Fill in image
> > imageView.graphics.clear();
> > imageView.graphics.beginBitmapFill(cropBD,mtrx,false);
> > imageView.graphics.drawRect(0, 0, imageView.width, imageView.height);
> > imageView.graphics.endFill();
> > }
>
> > ]]>
> > </mx:Script>
>
> > <mx:Canvas id="imageView" x="210" y="10" width="100" height="100" />
> > <mx:Canvas id="imageHolder" x="10" y="120" width="300" height="240" />
> > <mx:Canvas id="imageCrop" x="0" y="0" width="0" height="0" />
> > <mx:Label x="10" y="15" width="60" text="X position"/>
> > <mx:HSlider id="xSelector" x="80" y="10" width="120" minimum="0"
> > maximum="290" snapInterval="10" enabled="true" value="170"
> > change="drawImage()" />
> > <mx:Label x="10" y="55" width="60" text="Y position"/>
> > <mx:HSlider id="ySelector" x="80" y="50" width="120" minimum="0"
> > maximum="230" snapInterval="10" enabled="true" value="20"
> > change="drawImage()" />
> > <mx:Label x="10" y="95" width="60" text="Area size"/>
> > <mx:HSlider id="sizeSelector" x="80" y="90" width="120" minimum="10"
> > maximum="240" snapInterval="10" enabled="true" value="100"
> > change="drawImage()" />
> > </mx:Application>
>
> > try this... if you have any doubt in this ask me...
> > don't forget to give the image source in Image_path constant that i have
> > used....
>
> > all the best...
>
> > On Thu, Oct 22, 2009 at 4:49 PM, suku <[email protected]> wrote:
>
> > > Hi all,
>
> > > Can anybody help me out how to crop Images into heart shape.
>
> > > Thanks,
> > > Sukumar.
>
> > --
> > Think Different... Be Different...
> > **********Santo*************
> > +91-9994995363- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Flex
India Community" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/flex_india?hl=en
-~----------~----~----~----~------~----~------~--~---
