使用HTML5简单绘制一个五角星

1、思路：我们使用一下SVG 代码就可以直接把这个图形绘制出来。我们要做的就是定义一下坐标与线条的样式。

2、定义一下这个五角形的5条边。

<polygon points="110,10 50,180 200,60 20,60 170,180"

3、声明一下这个五角星的样式。我们对于它的各个参数是可以改变的。

 style="fill:red;stroke:yellow;stroke-width:4;fill-rule:evenodd;"

4、我们做出更多的变化出来，只需要改变坐标就可以做出两个三角形。

5、我们可以改变坐标的定义方式，用rec代码绘制一个正方形出来。

rect x="30" y="30

6、继续绘制一个复杂一些的圆角矩形。

rect x="30" y="30" rx="30" ry="30