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