我有一个坐标数组。并且这种坐标是动态发生的。因此，对于某些可能性，它不会绘制凸起。请查看示例。
<div style="width : 700 , height : 700">
<svg width ="700px" height = '700px'>
<polygon points="203.21954686687195,209.09106845446956 103.21846501684684,30.73408772834725 98.7205079235916,110.89560444878055 213.4424487588524,32.1353347676166 " fill="lime" stroke="black" fillRule= 'nonzero' />
</svg>
</div>
这是链接：https://jsfiddle.net/zcj4qwpz/7/
所以我的问题很简单：我怎样才能让它每次都凸出来？我应该为此生成新阵列吗？如果是这样，我该怎么做。
或者通过改变html-canvas道具上的东西是否有任何解决方案？
注意：我查了很多问题，但他们没有帮助我。例如这（最接近我的问题）： How to determine if a list of polygon points are in clockwise order?