D3.js 在D3中绘制复杂形状

我试图为D3动画绘制一个不规则的花瓣形状，但我找不到任何SVG格式的奇怪形状的可理解文档。我该如何创建这样一个形状

是这样的：

<svg>
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M21,34.328C21,15.693,32.477,0.515,50.124,0.515
    C67.77,0.515,79,16.928,79,34.328c0,17.399-29,65.157-29,65.157S21,52.962,21,34.328z"/>
</svg>

并用作定义（defs），以供将来参考。看

在这里：

如果您想手工操作，请参见路径教程：

---

这里的

是这样的：

<svg>
<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M21,34.328C21,15.693,32.477,0.515,50.124,0.515
    C67.77,0.515,79,16.928,79,34.328c0,17.399-29,65.157-29,65.157S21,52.962,21,34.328z"/>
</svg>

并用作定义（defs），以供将来参考。看

在这里：

如果您想手工操作，请参见路径教程：

---

这个问题很快就要结束了，但在此之前，我要做的是：使用Inkscape或illustrator绘制形状。然后，我将复制SVG并将其粘贴到

var

，并使用该var作为路径的“d”属性。我将使用类似于绘制极曲线的东西来获得花瓣形状。这个问题很快就会解决，但在此之前，我将做以下工作：使用Inkscape或illustrator绘制形状。然后，我将复制SVG并将其粘贴到

var

中，并将该var用于路径的“d”属性。