用AS3做最简单的绘图版

步骤:

画板->图形

var 画板:Sprite;

画板.drawRect;//画背景

var 图形:Shape;

画板.addChild(图形);

画板监听鼠标事件

在事件监听器里让图形去绘制

图形.graphics.moveTo(this.mouseX, this.mouseY);


code:

 1  package
 2  {
 3      import flash.display.Shape;
 4      import flash.display.Sprite;
 5      import flash.events.MouseEvent;
 6       /* *
 7       * ...
 8       * @author sange
 9        */
10      public class DrawingBoard extends Sprite
11      {
12          private  var  mySprite:Sprite;
13          private  var  myShape:Shape;
14          public  function  DrawingBoard() 
15          {
16              init();
17          }
18          
19          private  function  init(): void
20          {
21               this .mySprite  =   new  Sprite();            
22              addChild( this .mySprite);
23               this .mySprite.graphics.beginFill( 0x336699 );
24               this .mySprite.graphics.drawRect( 0 0 550 400 );
25               this .mySprite.graphics.endFill();
26               this .mySprite.addEventListener(MouseEvent.MOUSE_DOWN, mySpriteMouseDownHandler);
27               this .mySprite.addEventListener(MouseEvent.MOUSE_UP, mySpriteMouseUpHandler);
28              
29               this .myShape  =   new  Shape();
30              mySprite.addChild(myShape);
31          }
32           //  鼠标按下事件
33          private  function  mySpriteMouseDownHandler(event:MouseEvent): void
34          {
35               this .myShape.graphics.lineStyle( 1 0x00FF00 1 );
36               this .myShape.graphics.moveTo( this .mouseX,  this .mouseY);            
37               this .mySprite.addEventListener(MouseEvent.MOUSE_MOVE, mySpriteMouseMoveHandler);
38          }
39   
40           //  鼠标离开事件
41          private  function  mySpriteMouseUpHandler(event:MouseEvent): void
42          {
43               this .mySprite.removeEventListener(MouseEvent.MOUSE_MOVE, mySpriteMouseMoveHandler);
44          }
45           
46           //  移动事件
47          private  function   mySpriteMouseMoveHandler(event:MouseEvent): void
48          {
49               this .myShape.graphics.lineTo(mouseX, mouseY);
50          }
51      }
52  }

 

转载于:https://www.cnblogs.com/sange/archive/2010/02/27/1674900.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值