flash 绘图API：绘制弧线

  把之前没有记录的笔记都记录一下，顺便方便日后查询。绘制弧线，对于一些制作课件的人来讲会有一些用处的。绘制弧线采用的基本思路是采用描点的方法实现。从一个开始角度，到另一个角度结束，在这个角度区间里面进行描点连线。

 

  【A，B】角度区间里面进行描点连线。

 当中涉及到三角函数的基本运算，通过半径去计算点的位置。

 

  var px:Number=radius*Math.cos(-i*Math.PI/180);
  var py:Number=radius*Math.sin(-i*Math.PI/180);

 

通过这个运算就能计算出点的位置，然后再用lineTo 进行连线。好我们弧线就完成了。

 

 

 

 基本演示过程：

 

  import flash.display.Graphics; import flash.display.Shape; var shape:Shape=new Shape(); addChild(shape); shape.x=250; shape.y=200; shape.graphics.lineStyle(1,0xff0000);//设置线条样式和颜色 drawArc(shape.graphics,100,0,100);//绘制一个弧线 //绘制弧线 //radius: 半径 //startAngle：开始角 //endAngle:结束角 function drawArc(g:Graphics,radius:Number,startAngle:Number,endAngle:Number):void { for(var i:int=startAngle;i<=endAngle;i++) { var px:Number=radius*Math.cos(-i*Math.PI/180); var py:Number=radius*Math.sin(-i*Math.PI/180); if(i==startAngle) g.moveTo(px,py); g.lineTo(px,py); } }

 

 

 

利用这个弧线，我们可以绘制一个虚线圆， 看看效果如何；

 

drawDottedCircle(shape.graphics,100,5); //绘制虚线圆 //gap ：角度间隔 function drawDottedCircle(g:Graphics,radius:Number,gap:Number):void { if(gap<0) return; var part:int=360/gap; for(var i:int=0;i<part;i++) { if(i%2!=0) drawArc(g,radius,i*gap,(i+1)*gap); } }