OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <title>Test for WK113420: SVG-based patterns should be drawn correctly</title> | 4 <title>Test for WK113420: SVG-based patterns should be drawn correctly</title> |
5 <style> canvas { border:solid #000 } </style> | 5 <style> canvas { border:solid #000 } </style> |
6 <script> | 6 <script> |
7 if (window.testRunner) { | 7 if (window.testRunner) { |
8 testRunner.dumpAsText(true); | 8 testRunner.dumpAsTextWithPixelResults(); |
9 testRunner.waitUntilDone(); | 9 testRunner.waitUntilDone(); |
10 } | 10 } |
11 window.onload = function(){ | 11 window.onload = function(){ |
12 var i = new Image(); | 12 var i = new Image(); |
13 i.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='5
0' height='50'><circle cx='10' cy='10' r='10' fill='green' /></svg>"; | 13 i.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='5
0' height='50'><circle cx='10' cy='10' r='10' fill='green' /></svg>"; |
14 i.onload = function() { | 14 i.onload = function() { |
15 var ctx = document.getElementsByTagName('canvas')[0].getContext('2d'); | 15 var ctx = document.getElementsByTagName('canvas')[0].getContext('2d'); |
16 | 16 |
17 var pattern = ctx.createPattern(i, "repeat"); | 17 var pattern = ctx.createPattern(i, "repeat"); |
18 ctx.fillStyle = pattern; | 18 ctx.fillStyle = pattern; |
(...skipping 23 matching lines...) Expand all Loading... |
42 testRunner.notifyDone(); | 42 testRunner.notifyDone(); |
43 } | 43 } |
44 } | 44 } |
45 </script> | 45 </script> |
46 </head> | 46 </head> |
47 <body> | 47 <body> |
48 <p>There should be one big square below containing four squares. Top left squa
re should be filled with 3 rows of 3 circles. Top right square should have one c
olumn of 3 circles. The bottom left square should have one row with three circle
s. The bottom right square should have one circle in the top-left corner.</p> | 48 <p>There should be one big square below containing four squares. Top left squa
re should be filled with 3 rows of 3 circles. Top right square should have one c
olumn of 3 circles. The bottom left square should have one row with three circle
s. The bottom right square should have one circle in the top-left corner.</p> |
49 <p><canvas height="330" width="330"></canvas></p> | 49 <p><canvas height="330" width="330"></canvas></p> |
50 </body> | 50 </body> |
51 </html> | 51 </html> |
OLD | NEW |