canvas绘制N角形，锯齿状

查看专栏目录

canvas实例应用100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。canvas作为html的一部分，是图像图标地图可视化的一个重要的基础，学好了canvas，在其他的一些应用上将会起到非常重要的帮助。

如何使用canvas绘制锯齿状的N角形呢？这里面要确定N角星围绕中心点的角度是360/N度，这里封装了一个函数star(ctx,n, x, y, R, r, angle,fillColor,strokeColor)，可以设定不同的值，来产生不同样式的N角星。N的值越大，越可以看出是锯齿状。

示例效果图

示例源代码（共94行）