Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE HTML> | |
| 2 <style> | |
| 3 * { | |
|
fs
2015/06/16 09:30:15
Why do we need/want this?
| |
| 4 overflow: hidden; | |
| 5 margin: 0; | |
| 6 } | |
| 7 </style> | |
| 8 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin k" width="300" height="300"> | |
|
fs
2015/06/16 09:30:14
Whole lotta namespace declarations... (that isn't
| |
| 9 <defs> | |
| 10 <clipPath id="clipAwayTop" clipPathUnits="userSpaceOnUse" transform="scale(1 0) translate(0, 10)"> | |
| 11 <rect width="20" height="10"/> | |
| 12 </clipPath> | |
| 13 <clipPath id="clipAwayLeftAndTop" clipPathUnits="userSpaceOnUse" transform=" scale(10) translate(10, 0)" clip-path="url(#clipAwayTop)"> | |
| 14 <!-- Just clip the left, clipAwayTop will handle the rest. --> | |
| 15 <rect width="10" height="20"/> | |
| 16 </clipPath> | |
| 17 </defs> | |
| 18 <rect width="200" height="200" fill="green" clip-path="url(#clipAwayLeftAndTop )"/> | |
| 19 </svg> | |
| 20 <br> | |
| 21 This test passes if there is a 100x100 green square at 100x100. | |
| OLD | NEW |