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 var vertices = createRegularPolygonVertices(400, 8); // 400x400 8 sided regu
lar polygon | 7 var vertices = createRegularPolygonVertices(400, 8); // 400x400 8 sided regu
lar polygon |
11 var lineHeight = 40; | 8 var lineHeight = 40; |
12 | 9 |
13 function init() { | 10 function init() { |
14 createPolygonShapeInsideTestCaseExpected(); | 11 createPolygonShapeInsideTestCaseExpected(); |
15 } | 12 } |
16 </script> | 13 </script> |
17 | 14 |
18 <style id="stylesheet"> | 15 <style id="stylesheet"> |
19 #polygon-shape-inside, #polygon-svg-shape { | 16 #polygon-shape-inside, #polygon-svg-shape { |
20 position: absolute; | 17 position: absolute; |
21 left: 0px; | 18 left: 0px; |
22 top: 0px; | 19 top: 0px; |
23 } | 20 } |
24 </style> | 21 </style> |
25 </head> | 22 </head> |
26 | 23 |
27 <body onload="init()"> | 24 <body onload="init()"> |
28 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> | 25 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> |
29 <div id="polygon-shape-inside"></div> | 26 <div id="polygon-shape-inside"></div> |
30 <p id="informative-text"> | 27 <p id="informative-text"> |
31 This test requires the Ahem font. It creates a polygonal shape-inside and
a matching | 28 This test requires the Ahem font. It creates a polygonal shape-inside and
a matching |
32 filled SVG polygon. The content should just fill the shape with alternatin
g black and | 29 filled SVG polygon. The content should just fill the shape with alternatin
g black and |
33 empty rectangles on each line.</p> | 30 empty rectangles on each line.</p> |
34 </body> | 31 </body> |
35 | 32 |
36 </html> | 33 </html> |
OLD | NEW |