Hi Manish & all,
> The solution is to make it a child (add a new object as a child and
> draw on top of that object instead).
sorry... , I didn't get the point yet.Is it Mean..
addedObject = Object(myCanves.createChild());
addedObject.createChild(arrow(target));
or
var ref_mc =myCanves.createChild(mx.containers.Canvas,undefined,{width:1000});
ref_mc.createChild(arrow(target));
Please explain me little more.
Thanks
> On 10/4/05, Prasad Dhananjaya <[EMAIL PROTECTED]> wrote:
>
> > Have a simple question about drawing on the canvas.
> >
> > Below code draws an arrow between mousedown point and mouseup point.
> > It works well. But...
> >
> > When I move canvas's scrollbar, arrow didn't move. Means it is NOT
> > on the canvas.Want to draw it ON the canvas. Tried several ways.
> > But failed. (I drawing square on the canvas using fillRect() is OK)
>
> It indeed is on the Canvas, but it's not a "child" of the Canvas, and
> that's the reason it doesn't scroll along with other children.
>
> The solution is to make it a child (add a new object as a child and
> draw on top of that object instead).
>
>
>
> From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of
> Prasad Dhananjaya
> Sent: Tuesday, October 04, 2005 6:48 AM
> To: FlexML
> Subject: [flexcoders] Question about drawing on the canvas
>
>
> Hi,
>
> Have a simple question about drawing on the canvas.
>
> Below code draws an arrow between mousedown point and mouseup point.
> It works well. But...
>
> When I move canvas's scrollbar, arrow didn't move. Means it is NOT
> on the canvas.Want to draw it ON the canvas. Tried several ways.
> But failed. (I drawing square on the canvas using fillRect() is OK)
>
> Can someone please tell me what's wrong.
>
> thanks,
>
> ------------------------------------------------------------------
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"; >
> <mx:Script>
> <![CDATA[
> var isPointerStarted = false;
> var bx:Number;
> var by:Number;
>
> function pointerStart(target) {
> if (isPointerStarted) return;
> isPointerStarted = true;
> bx = target.mouseX;
> by = target.mouseY;
> }
>
> function pointerReleased(target) {
> if (!isPointerStarted) return;
> target.lineStyle(2, 0x666666, 100);
> target.createChild(arrow(target));
> isPointerStarted = false;
> //drawing squre on the canves
> var ref_mc =
> target.createChild(mx.containers.Canvas,undefined,{width:1000});
> ref_mc.fillRect(900, 100, 910, 110, 0x000000, 30);
> }
>
> function arrow(target) {
> var w = target.mouseX - bx;
> var h = target.mouseY - by;
> var l = Math.sqrt(w * w + h * h);
> var size=8;
> var sharpness=0.5;
> var s = Math.sin(sharpness);
> var c = Math.cos(sharpness);
> if(l>0){
> w *= size / l;
> h *= size / l;
> target.moveTo(bx,by);
> target.lineTo(target.mouseX, target.mouseY);
> target.lineTo(target.mouseX - w * c - s * h, target.mouseY
> + w * s - h * c);
> target.moveTo(target.mouseX, target.mouseY);
> target.lineTo(target.mouseX - w * c + s * h, target.mouseY
> - w * s - h * c);
> }
> }
> ]]>
> </mx:Script>
>
> <mx:Canvas id="myCanves"
> x="0" y="110" width="100%" height="225"
> borderStyle="solid"
> mouseUpSomewhere="pointerReleased(event.target)"
> mouseDown="pointerStart(event.target)"
> backgroundColor="#DEE0FE"
> backgroundAlpha="0">
> </mx:Canvas>
> </mx:Application>
>
------------------------ Yahoo! Groups Sponsor --------------------~-->
Fair play? Video games influencing politics. Click and talk back!
http://us.click.yahoo.com/T8sf5C/tzNLAA/TtwFAA/nhFolB/TM
--------------------------------------------------------------------~->
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
