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