HTML Canvas —— 绘制五角星 （坐标滚动法）

问题分析：五角星有5个角，10条边；“坐标滚动法的”核心思想是，在画布上以任意一点作为绘画起点依次绘制五角星的10条边（相邻两条边首尾相接），可以想象成用一支画笔在纸上沿着五角星形状以顺时针方向描边，依次刻画出五角星的外围轮廓，当画笔再次回到起点时，五角星绘制完成。 **方法特点：**不需要计算五个顶点的坐标，只需要改变边长即可控制五角星的大小 => HTML5 + CSS3 课件下载

>>阅读原文<<