OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg" | 1 <svg xmlns="http://www.w3.org/2000/svg" |
2 xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 xmlns:xlink="http://www.w3.org/1999/xlink"> |
3 <defs> | 3 <defs> |
4 <clipPath id="myclip"> | 4 <clipPath id="myclip"> |
5 <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.
5)"/> | 5 <rect x="0" y="0" width="200" height="200" style="transform: scale(.5)"/> |
6 <!-- second rect causes masking --> | 6 <!-- second rect causes masking --> |
7 <rect x="0" y="0" width="200" height="200" style="-webkit-transform: scale(.
5)"/> | 7 <rect x="0" y="0" width="200" height="200" style="transform: scale(.5)"/> |
8 </clipPath> | 8 </clipPath> |
9 </defs> | 9 </defs> |
10 <g clip-path="url(#myclip)"> | 10 <g clip-path="url(#myclip)"> |
11 <rect x="0" y="0" width="200" height="200" fill="red"/> | 11 <rect x="0" y="0" width="200" height="200" fill="red"/> |
12 <rect x="0" y="0" width="100" height="100" fill="green"/> | 12 <rect x="0" y="0" width="100" height="100" fill="green"/> |
13 </g> | 13 </g> |
14 </svg> | 14 </svg> |
OLD | NEW |