| 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="clip1" clipPathUnits="objectBoundingBox"> | 3 <clipPath id="clip1" clipPathUnits="objectBoundingBox"> |
| 4 <circle cx="0" cy="0" r="0.5" /> | 4 <circle cx="0" cy="0" r="0.5" /> |
| 5 <circle cx="0" cy="1" r="0.5" /> | 5 <circle cx="0" cy="1" r="0.5" /> |
| 6 </clipPath> | 6 </clipPath> |
| 7 | 7 |
| 8 <clipPath id="clip2" clipPathUnits="objectBoundingBox"> | 8 <clipPath id="clip2" clipPathUnits="objectBoundingBox"> |
| 9 <circle cx="1" cy="0" r="0.5" /> | 9 <circle cx="1" cy="0" r="0.5" /> |
| 10 <circle cx="1" cy="1" r="0.5" /> | 10 <circle cx="1" cy="1" r="0.5" /> |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 <g mask="url(#mask3)"> | 43 <g mask="url(#mask3)"> |
| 44 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)"/> | 44 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)"/> |
| 45 </g> | 45 </g> |
| 46 | 46 |
| 47 <text x="250" y="250" text-anchor="middle">The left shape should still be visibl
e after panning<tspan x="250" dy="25">And the right shape shouldn't look distort
ed</tspan></text> | 47 <text x="250" y="250" text-anchor="middle">The left shape should still be visibl
e after panning<tspan x="250" dy="25">And the right shape shouldn't look distort
ed</tspan></text> |
| 48 <script> | 48 <script> |
| 49 var translate = document.getElementsByTagName('svg')[0].currentTranslate; | 49 var translate = document.getElementsByTagName('svg')[0].currentTranslate; |
| 50 translate.x = -75; | 50 translate.x = -75; |
| 51 </script> | 51 </script> |
| 52 </svg> | 52 </svg> |
| OLD | NEW |