| 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 |