| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <!-- You should see two circles with different sizes --> | |
| <mask id="mask" x="0%" y="0%" width="100%" height="100%" maskContentUnits="objectBoundingBox"> | |
| <circle cx=".5" cy=".5" r=".5" fill="white"/> | |
| </mask> | |
| </defs> | |
| <rect x="20" y="20" width="100" height="100" style="fill:green;mask:url(#mask);"/> | |
| <rect x="140" y="50" width="100" height="40" style="fill:green;mask:url(#mask);"/> | |
| </svg> |
