OLD | NEW |
(Empty) | |
| 1 <svg id="svg" width="200" height="200" version="1.1" xmlns="http://www.w3.org/20
00/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 2 <defs> |
| 3 <mask id="mask"> |
| 4 <rect width="25%" height="25%" fill="white"/> |
| 5 </mask> |
| 6 |
| 7 <clipPath id="clip"> |
| 8 <rect x="27%" width="25%" height="25%"/> |
| 9 </clipPath> |
| 10 |
| 11 <pattern id="pattern" patternUnits="userSpaceOnUse" x="0" y="0" width="800"
height="800"> |
| 12 <rect x="54%" width="25%" height="25%" fill="green"/> |
| 13 </pattern> |
| 14 </defs> |
| 15 |
| 16 <rect width="25%" height="25%" fill="red"/> |
| 17 <rect width="800" height="800" fill="green" mask="url(#mask)"/> |
| 18 |
| 19 <rect x="27%" width="25%" height="25%" fill="red"/> |
| 20 <rect width="800" height="800" fill="green" clip-path="url(#clip)"/> |
| 21 |
| 22 <rect x="54%" width="25%" height="25%" fill="red"/> |
| 23 <rect width="800" height="800" fill="url(#pattern)"/> |
| 24 |
| 25 <script> |
| 26 var delay=250; |
| 27 if (window.testRunner) { |
| 28 delay=0; |
| 29 testRunner.waitUntilDone(); |
| 30 } |
| 31 |
| 32 setTimeout(function() { |
| 33 document.getElementById('svg').setAttribute('width', '400'); |
| 34 document.getElementById('svg').setAttribute('height', '400'); |
| 35 |
| 36 if (window.testRunner) |
| 37 testRunner.notifyDone(); |
| 38 }, delay); |
| 39 </script> |
| 40 </svg> |
| 41 |
OLD | NEW |