五角星画法

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

 

步鄹：

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

评论

4 楼 xiangkui 2014-07-29  

赞，YUI+HTML5 的一些技术，简直是神器...  

3 楼 yiminghe 2011-02-18  

qzlake 写道

国内比较流行的是ext和JQuery，用YUI的不多？

taobao以前用的，现在还有一部分在用

2 楼 qzlake 2011-02-17  

国内比较流行的是ext和JQuery，用YUI的不多？

1 楼 binoruv 2010-11-30  

赞,yui这么小