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 // XXX | 11 // XXX |
15 | 12 |
16 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:250, y:150}, {x:250, y:200}, {x:100
, y:200}, {x:100, y:150}, {x:0, y:150}]; | 13 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:250, y:150}, {x:250, y:200}, {x:100
, y:200}, {x:100, y:150}, {x:0, y:150}]; |
17 var lineHeight = 50; | 14 var lineHeight = 50; |
18 </script> | 15 </script> |
19 | 16 |
20 <style id="stylesheet"> | 17 <style id="stylesheet"> |
21 #polygon-shape-inside, #polygon-svg-shape { | 18 #polygon-shape-inside, #polygon-svg-shape { |
22 position: absolute; | 19 position: absolute; |
23 left: 0px; | 20 left: 0px; |
24 top: 0px; | 21 top: 0px; |
25 } | 22 } |
26 </style> | 23 </style> |
27 </head> | 24 </head> |
28 | 25 |
29 <body onload="createPolygonShapeInsideTestCaseExpected();"> | 26 <body onload="createPolygonShapeInsideTestCaseExpected();"> |
30 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> | 27 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> |
31 <div id="polygon-shape-inside"></div> | 28 <div id="polygon-shape-inside"></div> |
32 <p id="informative-text"> | 29 <p id="informative-text"> |
33 This test requires the Ahem font. It creates a rectilinear polygonal shape
-inside and a | 30 This test requires the Ahem font. It creates a rectilinear polygonal shape
-inside and a |
34 matching filled SVG polygon. The content should just fill the shape with a
lternating | 31 matching filled SVG polygon. The content should just fill the shape with a
lternating |
35 black and empty rectangles on each line.</p> | 32 black and empty rectangles on each line.</p> |
36 </body> | 33 </body> |
37 | 34 |
38 </html> | 35 </html> |
OLD | NEW |