Javascript 使多边形具有平滑的边

我有一个x和y坐标的大数组，从中我绘制了一个SVG多边形。对于某些点，线的梯度变化非常小，但我仍然得到两条线相交的锯齿状“角”。我怎样才能使它平滑掉角呢

---

最好，当梯度变化较大时（例如90度角），这不会起作用。因此，一个多边形可以平滑一些角点，但如果角度与180非常不同（180=梯度没有变化），则角点将保持锐利。

你有没有尝试过的例子？@Neal我知道D3的插值功能，但我不确定如何将其应用于多边形，仅适用于直线（或如何使其适用于某些角落，但不适用于其他角落）。除此之外，我没有什么好主意。创建一条路径，然后将角点绘制为贝塞尔曲线。@RobertLongson我希望多边形被填充。你有你尝试过的例子吗？@Neal我知道D3的插值功能，但我不确定它如何应用于多边形，仅适用于直线（或者如何使它适用于某些角点，但不适用于其他角点）。除此之外，我没有任何好主意。创建一条路径，然后将角点绘制为贝塞尔曲线。@RobertLongson我希望多边形被填充。