OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../resources/subpixel-utils.js"></script> | 4 <script src="../resources/subpixel-utils.js"></script> |
5 <script src="../resources/simple-polygon.js"></script> | 5 <script src="../resources/simple-polygon.js"></script> |
6 <script> | 6 <script> |
7 if (window.internals) | |
8 window.internals.settings.setCSSExclusionsEnabled(true); | |
9 | |
10 // Rectilinear polygon with this shape: | 7 // Rectilinear polygon with this shape: |
11 // XXX | 8 // XXX |
12 // XXXXXXX | 9 // XXXXXXX |
13 // XXXXXXX | 10 // XXXXXXX |
14 | 11 |
15 var vertices = [{x:0, y:50}, {x:100, y:50}, {x:100, y:0}, {x:250, y:0}, {x:2
50, y:50}, {x:350, y:50}, {x:350, y:150}, {x:0, y:150}]; | 12 var vertices = [{x:0, y:50}, {x:100, y:50}, {x:100, y:0}, {x:250, y:0}, {x:2
50, y:50}, {x:350, y:50}, {x:350, y:150}, {x:0, y:150}]; |
16 var lineHeight = 50; | 13 var lineHeight = 50; |
17 </script> | 14 </script> |
18 | 15 |
19 <style id="stylesheet"> | 16 <style id="stylesheet"> |
20 #polygon-shape-inside, #polygon-svg-shape { | 17 #polygon-shape-inside, #polygon-svg-shape { |
21 position: absolute; | 18 position: absolute; |
22 left: 0px; | 19 left: 0px; |
23 top: 0px; | 20 top: 0px; |
24 } | 21 } |
25 </style> | 22 </style> |
26 </head> | 23 </head> |
27 | 24 |
28 <body onload="createPolygonShapeInsideTestCaseExpected()"> | 25 <body onload="createPolygonShapeInsideTestCaseExpected()"> |
29 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> | 26 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> |
30 <div id="polygon-shape-inside"></div> | 27 <div id="polygon-shape-inside"></div> |
31 <p id="informative-text"> | 28 <p id="informative-text"> |
32 This test requires the Ahem font. It creates a rectilinear polygonal shape
-inside and a | 29 This test requires the Ahem font. It creates a rectilinear polygonal shape
-inside and a |
33 matching filled SVG polygon. The content should just fill the shape with a
lternating | 30 matching filled SVG polygon. The content should just fill the shape with a
lternating |
34 black and empty rectangles on each line.</p> | 31 black and empty rectangles on each line.</p> |
35 </body> | 32 </body> |
36 | 33 |
37 </html> | 34 </html> |
OLD | NEW |