flash 绘图API：绘制弧线

最新推荐文章于 2025-06-29 09:58:25 发布

最新推荐文章于 2025-06-29 09:58:25 发布 · 202 阅读

文章标签：

#Flash #360

本文介绍了一种在Flash中绘制弧线的方法，通过角度区间内的点描绘实现，并进一步展示了如何利用该方法绘制虚线圆。涉及三角函数计算及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); } }