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 |