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填充类型应该工作。没关系。