OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg"> | 1 <svg xmlns="http://www.w3.org/2000/svg"> |
2 <defs> | 2 <defs> |
3 <clipPath id="clip0" clipPathUnits="userSpaceOnUse"> | 3 <clipPath id="clip0" clipPathUnits="userSpaceOnUse"> |
4 <circle cx="100" cy="100" r="50"/> | 4 <circle cx="100" cy="100" r="50"/> |
5 </clipPath> | 5 </clipPath> |
6 | 6 |
7 <clipPath id="clip1" clipPathUnits="objectBoundingBox"> | 7 <clipPath id="clip1" clipPathUnits="objectBoundingBox"> |
8 <circle cx="0" cy="0" r="0.5" /> | 8 <circle cx="0" cy="0" r="0.5" /> |
9 <circle cx="0" cy="1" r="0.5" /> | 9 <circle cx="0" cy="1" r="0.5" /> |
10 </clipPath> | 10 </clipPath> |
(...skipping 13 matching lines...) Expand all Loading... |
24 <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip
)" /> | 24 <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip
)" /> |
25 </mask> | 25 </mask> |
26 </defs> | 26 </defs> |
27 | 27 |
28 <text x="125" y="225" text-anchor="middle">Both shapes should look identical</te
xt> | 28 <text x="125" y="225" text-anchor="middle">Both shapes should look identical</te
xt> |
29 | 29 |
30 <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1)"/> | 30 <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1)"/> |
31 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask1)"/> | 31 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask1)"/> |
32 | 32 |
33 </svg> | 33 </svg> |
OLD | NEW |