1 <svg xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink">
3 <circle id=
"circle" cx=
"60" cy=
"60" r=
"50"/>
4 <rect id=
"rect-for-clip" x=
"-90" y=
"30" width=
"100" height=
"60"/>
5 <clipPath id=
"clip-circle" clip-path=
"url(#clip-rect)">
6 <use xlink:
href=
"#circle"/>
8 <clipPath id=
"clip-rect">
9 <use xlink:
href=
"#rect-for-clip" transform=
"translate(100,0)"/>
12 <rect id=
"rect" x=
"10" y=
"10" width=
"100" height=
"100" fill=
"green" clip-path=
"url(#clip-circle)"/>
13 <rect id=
"rect" x=
"10" y=
"10" width=
"100" height=
"100" fill=
"green"/>