是否有可能成为HTML / CSS折线的一部分，一条贝塞尔曲线？

Question

所以这是我的代码：

<svg height="200" width="500">
  <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
            style="fill:none;stroke:black;stroke-width:3" />
</svg>

绘制以下折线：

但是，我试图实现的目标（为了随后为折线设置动画）是一条带有嵌入贝塞尔曲线的折线：

这甚至可能吗？如果是这样，我该如何创建这样的嵌入贝塞尔曲线？

Answer 1

当然？只需使用<path d="...">代替<polyline>即可。路径元素可以绘制折线所能绘制的任何东西，以及曲线，弧等，所以只需绘制所需的线条，连接到任何需要它们的二次或三次贝塞尔曲线，然后就可以了。

互联网上到处都有更多信息，但两个明显的起点是MDN article on paths，当然还有the SVG spec。