是否可以使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> 。 path元素可以绘制多段线以及曲线，圆弧等可以绘制的任何内容，因此只需绘制所需的线，并在需要的地方与二次或三次方贝塞尔曲线相连即可。

Internet上到处都有更多信息，但是最明显的两个起点是有关路径的MDN文章 ，当然还有SVG规范 。