svg - 如何在 SVG 中绘制一条从粗开始变细直到达到单点的弧？

Question

我想要一条从粗到细的弧线，有点像这里的图 13：

SVG可以做到这一点吗？

Answer 1

不只是中风，不。您必须使用填充，并稍微偏移路径以获得逐渐变细的效果。

Answer 2

我找到了一种方法，只需画两条线，起点有一点偏移。像这样：

<svg viewBox="0 0 1000 400">
  <path d="M 50,250 C 50,150 150,50 250,50" fill="none" stroke="green" stroke-width="11"></path>
  <path d="M 60,250 C 60,150 150,50 250,50" fill="none" stroke="green" stroke-width="11"></path>
</svg>

Answer 3

在 Inkscape 中，有用于绘制类似曲线的 Triangle In 和 Triangle Out 样式，它们只是创建一条路径，所以我假设不是。