| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/subpixel-utils.js"></script> |
| <script src="../resources/rounded-rectangle.js"></script> |
| <script> |
| function createSimulatedShapeElement() { |
| var stylesheet = document.getElementById("stylesheet"); |
| var dimensions = { width: 400, height: 600, |
| shapeX: 45, shapeY: 25, |
| shapeWidth: 300, shapeHeight: 500, |
| shapeRadiusX: 75, shapeRadiusY: 55 }; |
| generateSimulatedShapeElement("shape-inside", stylesheet.sheet, dimensions, 22); |
| } |
| </script> |
| <style id="stylesheet"> |
| body { margin: 0; } |
| </style> |
| </head> |
| <body onload="createSimulatedShapeElement()"> |
| <div id="shape-inside"></div> |
| <div> |
| This test requires the Ahem font. It creates a rounded rectangle shape-inside and fills it |
| with alternating black and white squares as inline content. The entire shape-inside should |
| be filled, with a small amount of overflow. |
| </div> |
| </body> |
| </html> |
