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 <clipPath id="clip-circle" clip-path="url(#clip-rect)"> | 4 <clipPath id="clip-circle" clip-path="url(#clip-rect)"> |
5 <use xlink:href="#circle"/> | 5 <use xlink:href="#circle"/> |
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 <rect id="rect" x="10" y="10" width="100" height="100" fill="green" clip-path="u
rl(#clip-circle)"/> | 11 <rect id="rect" x="10" y="10" width="100" height="100" fill="green" clip-path="u
rl(#clip-circle)"/> |
12 </svg> | 12 </svg> |
OLD | NEW |