canvas里面如何基于随机点绘制一个多边形的方法

起因 今天在学习《HTML5+Javascript动画基础》这本书的时候，在第八章的第三节讲到如何用三个弹簧连接三个点来做拉伸运动。 在做完例子之后，就想到如果是四个点，五个点，怎么样。 就改写了一下代码，把点的数目变量化。最终的效果是能实现各个点最终的拉伸运动到平衡，可是点之间的连线不是很好看，有些是交叉的。 于是就想着能不能优化这一块。 旋转连线 前面例子里面的点，都是随机位置，所以连线不可控。所以想先从这块着手。 先以某一个点为参照点，获得其他点相对于这个点的角度。 然后按照角度从小到大的去连接这些点，这样就能画出一个正常的多边形了。 大致实现代码如下： let balls = []