五角星画法

从小都画不好的五角星原来有画法的,只要尺子和圆规就可以了:

 


 

 

步鄹:

1.首先移动中心到将要画的五角星中心

2.沿 x 轴移动起点 p1 到五角星一角所在的位置,如绿线所在右侧终点

3.顺时针旋转坐标系36度

4.再次沿 x 轴移动终点 p2 ,p2 到中心的距离小于 p1 到中心的距离,从而产生五角星凹处的效果

5.画一条线连接 p1 与  p2

6.依次执行 3,2,4,5 步共 9 次

 

 canvas 描述:

如果使用 canvas 的话就简单了

1. 使用 moveTo 移动端点

3. 使用 rotate 旋转坐标系

5. 使用 lineTo 链接端点画线

最后还可以使用 fill 来进行五角星内部的填充

 

demo @ google code

 

 

 

 

 

 

posted @ 2010-11-23 18:18  yiminghe  阅读(2848)  评论(0编辑  收藏  举报