Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Svg 一组形状上的奇偶填充_Svg - Fatal编程技术网

Svg 一组形状上的奇偶填充

Svg 一组形状上的奇偶填充,svg,Svg,我如何才能在#g3上获得偶数填充: 看,这只是一系列旋转的椭圆,但我想让相交区域奇数填充: 只是将fill rule=“evenodd”添加到#g3中并不能做到这一点。抱歉,如果这太简单了。我意识到在.js中可能有一种方法可以做到这一点,但我想知道是否可以用straight svg实现这一点 例如,有没有一种方法可以将#g3本身在某种意义上定义为一条新路径,这样就可以将evenodd整体应用于它。我想基本上就是从.js在一个循环中的一条路径中绘制一系列圆弧-我想,这样一来,它的所有一条路

我如何才能在#g3上获得偶数填充:


看,这只是一系列旋转的椭圆,但我想让相交区域奇数填充:

只是将fill rule=“evenodd”添加到#g3中并不能做到这一点。抱歉,如果这太简单了。我意识到在.js中可能有一种方法可以做到这一点,但我想知道是否可以用straight svg实现这一点



例如,有没有一种方法可以将#g3本身在某种意义上定义为一条新路径,这样就可以将evenodd整体应用于它。

我想基本上就是从.js在一个循环中的一条路径中绘制一系列圆弧-我想,这样一来,它的所有一条路径和evenodd填充类型都会起作用。别客气

<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>