我們正在使用
我們的要求是填充兩個橢圓重疊的區域。
如果有人可以對此有所了解，那么如何使用 SVG 庫來實作 react-native？或者如果我們有其他任何東西會很有幫助
謝謝。
uj5u.com熱心網友回復：
主要思想是使用其中一個橢圓創建一個clipPath，并重用由clipPath 裁剪的另一個。
請注意，我為兩個橢圓都提供了一個 id，以便我可以在使用時重復使用它們。
<svg fill="none" viewBox="140 101 170 170" width="200">
<ellipse cx="192" cy="190" rx="50" ry="80" stroke="red"
stroke-width="2" id="a"/>
<ellipse cx="250" cy="150" rx="60" ry="30" stroke="green"
stroke-wdth="2" id="b"/>
<use xlink:href="#a" clip-path="url(#cp)" fill="gold"/>
<clipPath id="cp">
<use xlink:href="#b"/>
</clipPath>
<svg>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459448.html
上一篇：react-native-svg-Marker/LinemarkerEnd在Android上不起作用
下一篇：如何反轉svg元素的順序