LayoutTests/fast/shapes/shape-inside/shape-inside-regular-polygon8-expected.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <script src="../resources/subpixel-utils.js"></script>
 <script src="../resources/simple-polygon.js"></script>
 <script>
     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>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="../resources/subpixel-utils.js"></script>
	<script src="../resources/simple-polygon.js"></script>
	<script>
	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>