| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/simple-polygon.js"></script> |
| <script> |
| if (window.internals) |
| window.internals.settings.setCSSExclusionsEnabled(true); |
| |
| var vertices = createRegularPolygonVertices(400, 8); // 400x400 8 sided regular polygon |
| var lineHeight = 40; |
| var hasSubpixelSupport; |
| |
| function init() { |
| var rect = document.getElementById("subpixel-test").getBoundingClientRect(); |
| hasSubpixelSupport = rect.width != Math.floor(rect.width); |
| createPolygonShapeInsideTestCaseExpected(); |
| } |
| </script> |
| |
| <style id="stylesheet"> |
| #polygon-shape-inside, #polygon-svg-shape { |
| position: absolute; |
| left: 0px; |
| top: 0px; |
| } |
| </style> |
| </head> |
| |
| <body onload="init()"> |
| <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg"></svg> |
| <div id="polygon-shape-inside"></div> |
| <p id="informative-text"> |
| This test requires the Ahem font. It creates a polygonal shape-inside and a matching |
| filled SVG polygon. The content should just fill the shape with alternating black and |
| empty rectangles on each line.</p> |
| <div id="subpixel-test" style="width: 4.5px; height: 5px;"></div> |
| </body> |
| |
| </html> |
