Hi Dinesh & Rajveer, In the same way, can we draw on an image instead of a backgroundImage inside the canvas?? I mean, placing an image container inside the canvas & drawing on that particular image. If we can, can u plz reply to this or to my mail id: [email protected]
On Dec 18 2008, 6:18 pm, DineshKumar.T <[email protected]> wrote: > Hi Rajveer, > Actually it is drawing but behind the background color,you can check this > by setting backgroundColor="red" backgroundAlpha="0.2",meanwhile > let me find how to draw over this background color. > > Thanks and regards, > DineshKumar.T > > On Thu, Dec 18, 2008 at 11:36 AM, Rajveer Goud. <[email protected]> wrote: > > Hi all..!!! > > > Iam working on flex paint ...i can draw on empty canvas by the mouse > > property isDrawing=true. > > but when i set background image for the canvas but iam unable to draw on > > the image . > > can any one provide me the info abt....!!! > > > The code i found is given below: > > > <?xml version="1.0" encoding="utf-8"?> > > > <mx:Application > > xmlns:mx="http://www.adobe.com/2006/mxml"; styleName="plain"> <mx:Script> > > > <![CDATA[ > > *import* mx.rpc.events.ResultEvent; *private* *var* isDrawing:Boolean=* > > false*; *private* *var* x1:int; *private* *var* y1:int; *private* > > *var*x2:int; > > *private* *var* y2:int; *private* *var* drawColor:uint; *private* * > > function* doErase():*void* > > > { > > > canvas.graphics.clear(); > > > } > > *private* *function* doMouseDown():*void* > > > { > > > x1 = canvas.mouseX; > > > y1 = canvas.mouseY; > > > isDrawing = > > *true*; > > > } > > *private* *function* doMouseMove():*void* > > > { > > > x2 = canvas.mouseX; > > > y2 = canvas.mouseY; > > *if* (isDrawing) > > > { > > > canvas.graphics.lineStyle(2, drawColor); > > > canvas.graphics.moveTo(x1, y1); > > > canvas.graphics.lineTo(x2, y2); > > > x1 = x2; > > > y1 = y2; > > > } > > > } > > *private* *function* doMouseUp():*void* > > > { > > > isDrawing = > > *false*; > > > } > > */* > > > private function doSave():void > > > { > > > var bd:BitmapData = new BitmapData(canvas.width,canvas.height); > > > bd.draw(canvas); > > > var ba:ByteArray = PNGEnc.encode(bd); > > > ro.doUpload(ba); > > > }*/ > > * *private* *function* handleResult(event:ResultEvent):*void* > > > { > > *var* u:URLRequest = *new* URLRequest(*"servlet/DownloadImage?fileId="* + > > event.result.toString()); > > > navigateToURL(u, > > *"_blank"*); > > > } > > > ]]> > > </mx:Script> <mx:RemoteObject id="ro" destination="UploadImage-ro" > > > result="handleResult(event)" > > /> <mx:Panel title="FlexPaint"> <mx:Canvas id="canvas" width="300" > > height="300" > > > horizontalScrollPolicy=" > > off" verticalScrollPolicy="off" backgroundImage="assets/abc.JPG" > > > mouseDown="doMouseDown()" > > > mouseMove="doMouseMove()" > > > mouseUp="doMouseUp()" > > /> <mx:ControlBar> <mx:ColorPicker change="drawColor = > > event.target.selectedColor"/> <mx:Button label="Erase" click="doErase()"/> > > <mx:Button label="Save Image"/> </mx:ControlBar> </mx:Panel> > > > </mx:Application> > > > Regards > > > Rajveer --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
