canvas绘图详解-06-绘制一个五角星-常用绘图原理

http://www.cnblogs.com/wufangfang/p/6373972.html

先讲如何画一个正规的五角星



在五角星的内外画两个圆，五角星有五个角，360/5=72度

所以得出这两个角的度数

 


 

然后算出这两个点坐标





 



 

角度转弧度

角度/180*Math.PI

 

所以外顶点坐标 x:  Math.cos( (18+72*i)/180*Math.PI) * R

                     y:  Math.sin((18+72*i)/180*Math.PI) * R

所以内顶点坐标 x:  Math.cos( (54+72*i)/180*Math.PI) * r

                     y:  Math.sin((54+72*i)/180*Math.PI) * r