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