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 <clipPath id="clip" clipPathUnits="userSpaceOnUse" style="-webkit-transform: sca
le(10) translate(2px, 2px)"> | 3 <clipPath id="clip" clipPathUnits="userSpaceOnUse" style="transform: scale(10) t
ranslate(2px, 2px)"> |
4 <circle cx="10" cy="10" r="10"/> | 4 <circle cx="10" cy="10" r="10"/> |
5 <!-- second circle causes masking --> | 5 <!-- second circle causes masking --> |
6 <circle cx="10" cy="10" r="10"/> | 6 <circle cx="10" cy="10" r="10"/> |
7 </clipPath> | 7 </clipPath> |
8 </defs> | 8 </defs> |
9 <circle cx="120" cy="120" r="99" fill="red"/> | 9 <circle cx="120" cy="120" r="99" fill="red"/> |
10 <a xlink:href="#"><rect width="220" height="220" fill="green" clip-path="url(#cl
ip)"/></a> | 10 <a xlink:href="#"><rect width="220" height="220" fill="green" clip-path="url(#cl
ip)"/></a> |
11 </svg> | 11 </svg> |
OLD | NEW |