D3.js svg路径内部路径

如何在路径中使用路径

测试

您不能[1]：

仅允许以下情况：

Any number of the following elements, in any order:

    animation elements
    descriptive elements
    paint server elements 

clipPath, marker, mask, script, style

---

[1]

在SVG中，元素从上到下渲染：每个元素在另一个元素上渲染。如果希望一条路径渲染到另一条路径上，请将其进一步向下放置：

<svg height="210" width="400">
  <path fill="rgb(176, 60, 178)" fill-opacity="0.4" d="M150 0 L75 200 L225 200 Z" >
    <title>test</title>
  </path>
  <path fill="rgb(14, 88, 228)" d="M100 0 L50 100 L125 100 Z" >
</svg>

测试

不能将一个路径标记嵌套在另一个路径中

罗伯特·朗森对此有何评论

---

把路径一个接一个地放好。后面的路径将在 前面路径的顶部

测试

只需将路径依次放置即可。后面的路径将绘制在前面的路径之上。@RobertLongson，谢谢你的回答。这不起作用，因为我需要从第一条路径的坐标系开始。getPointAtLength（getPathLength（））感谢您的回答，这不起作用，因为我需要从第一条路径的坐标系开始path@Yoba战斗机谢谢你能更详细地解释一下你想要得到什么结果吗？到目前为止，我只看到语法错误。您想获得实现屏幕截图中扇区的代码吗？在这种情况下，最好接受答案并提出一个新的更具体的问题。谢谢你的回答，这不起作用，因为我需要从第一条路径的坐标系开始

<path ..... />
<path ..... />