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="10" y="30" width="100" height="60"/> | 4 <rect id="rect-for-clip" x="10" 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"/> | 9 <use xlink:href="#rect-for-clip"/> |
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 |