要绘制一个正规图形，一般需要写大量的代码，比如对于一个五角星，需要写许多指定角度和坐标的语句。但是现在有一个好消息，通过仅一个JavaScript函数，你就可以绘制任何正规图形了！
这个函数是由Mozilla开发者团队开发的，已经在Mozilla开发者网络跟大家见面了。他们称之为”createRegularPolygon”，可以根据传入的参数绘制正规图形，并且可以设定粗细、颜色、填充等相关属性。
现在，我们就以五角星为例，来看看如何用”createRegularPolygon”绘制一个五角星。
首先，调用函数时需要传入一个对象作为参数，对象中包含一个”ctx”属性，表示绘图必须的环境，一般指的是画布。
“`
let obj = {ctx: canvas.getContext(‘2d’)};
“`
然后，再添加参数，分别代表了五角星的一些属性，如下所示：
“`
createRegularPolygon(obj, 9, 100, 100, 60, -Math.PI / 2, 0.5, ‘#000’, ‘#fff’, true);
“`
这里解释一下每个参数代表的含义：
1. obj: 传入的对象，包含了绘图环境。
2. 9: 表示绘制五角星，参数的数量代表绘制的边数。例如，如果要绘制六边形，就是6。
3. 100: 五角星中心点的横坐标。
4. 100: 五角星中心点的纵坐标。
5. 60: 五角星的半径长度。
6. -Math.PI / 2: 五角星的起始角度。这里是以正右方为起点，然后按照逆时针方向进行绘制。
7. 0.5: 五角星的边框线的粗细程度。
8. ‘#000’: 五角星的边框线的颜色。
9. ‘#fff’: 五角星内部的填充颜色。
10. true: 代表要填充颜色。
这样，只需要调用一下createRegularPolygon函数，就能绘制一个五角星！
这个函数能够绘制的正规图形不止五角星，还包括三角形、四边形、六边形、八边形等，只需要改变参数的数量即可。
总的来说，通过createRegularPolygon函数，我们现在可以更加方便、简捷地绘制正规图形了，这极大地减轻了编程的负担，同时也提高了代码的可读性和可重复性。
了解更多有趣的事情：https://blog.ds3783.com/