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 |