| 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 <rect id="rect" x="10" y="10" width="100" height="100" fill="green" clip-pat
h="url(#clip-circle)"/> | 3 <rect id="rect" x="10" y="10" width="100" height="100" fill="green" clip-pat
h="url(#clip-circle)"/> |
| 4 <clipPath id="clip-circle" > | 4 <clipPath id="clip-circle" > |
| 5 <circle cx="60" cy="60" r="50"/> | 5 <circle cx="60" cy="60" r="50"/> |
| 6 </clipPath> | 6 </clipPath> |
| 7 <clipPath id="clip-rect"> | 7 <clipPath id="clip-rect"> |
| 8 <rect x="10" y="30" width="100" height="60"/> | 8 <rect x="10" y="30" width="100" height="60"/> |
| 9 </clipPath> | 9 </clipPath> |
| 10 </defs> | 10 </defs> |
| 11 <use xlink:href="#rect" clip-path="url(#clip-rect)"/> | 11 <use xlink:href="#rect" clip-path="url(#clip-rect)"/> |
| 12 </svg> | 12 </svg> |
| OLD | NEW |