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