EVENODD填補一組形狀

Question

我怎麼會得到一個EVENODD填補＃G3的：

<defs> 
     <ellipse id="g1" cx="100" cy="100" rx="75" ry="40" fill="none" /> 
</defs> 

<g id="g3" stroke="black" stroke-width="2"> 
    <g id="g2"> 
    <use xlink:href="#g1" /> 
    <use xlink:href="#g1" transform="rotate(30 100 100)"/> 
    </g> 
    <use xlink:href="#g2" transform="rotate(60 100 100)"/> 
    <use xlink:href="#g2" transform="rotate(120 100 100)"/> 
</g> 

所以督察，它只是一系列旋轉的橢圓形的，但我想交叉區域EVENODD填充：

只需添加填充規則= 「EVENODD」，以＃G3並沒有做到這一點。對不起，如果這太簡單了。我意識到可能有一種方法可以在.js中執行此操作，但想知道是否可以通過直接svg完成。

---

例如，是否有在其中＃G3本身被定義爲在某種意義上新的路徑，使得能夠EVENODD在整體被施加到它的一種方式。

Answer 1

我想基本上是從.js的循環中的一個路徑中繪製一系列的弧 - 我猜這就是它的所有一個路徑和evenodd填充類型應該工作。沒關係。