svg 路径内部路径

Question

我如何使用路径内的路径？

    </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 fill="rgb(14, 88, 228)" d="M100 0 L50 100 L125 100 Z" >
      </path>
    </svg>

事实上，这就是我理想中想要的：

百吉饼

根据百分比，在下面的部分条带上涂漆。我在d3工作

Answer 1

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

@Robert Longson 如何评论

只需将路径一个接一个地放置即可。后面的路径将绘制在前面的路径之上。

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

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