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

 

 

 

 

你可能感兴趣的:(flash,绘图API)