OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script> | 5 <script> |
6 function imageShapeRect(elementId) | 6 function imageShapeRect(elementId) |
7 { | 7 { |
8 var s = document.getElementById("image-shape").getBoundingClientRect(); | 8 var s = document.getElementById("image-shape").getBoundingClientRect(); |
9 var r = document.getElementById(elementId).getBoundingClientRect(); | 9 var r = document.getElementById(elementId).getBoundingClientRect(); |
10 return {left: r.left - s.left, top: r.top - s.top, width: r.width, heigh
t: r.height}; | 10 return {left: r.left - s.left, top: r.top - s.top, width: r.width, heigh
t: r.height}; |
11 } | 11 } |
12 | 12 |
13 window.onload = function() { | 13 window.onload = function() { |
14 var quiet = true; // PASS output depends on if subpixel layout has been en
abled | 14 var quiet = true; // PASS output depends on if subpixel layout has been en
abled |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 </head> | 49 </head> |
50 <body> | 50 <body> |
51 <p>This test requires the Ahem font. The green content should wrap around the
blue rounded rectangle.</p> | 51 <p>This test requires the Ahem font. The green content should wrap around the
blue rounded rectangle.</p> |
52 <div id="content" style="position: relative"> | 52 <div id="content" style="position: relative"> |
53 <div id="image-shape"></div> | 53 <div id="image-shape"></div> |
54 <span id="a">X</span><br><br><span id="b">X</span><br><span id="c">X</span
><br><br><span id="d">X</span><br><span id="e">XXXX</span> | 54 <span id="a">X</span><br><br><span id="b">X</span><br><span id="c">X</span
><br><br><span id="d">X</span><br><span id="e">XXXX</span> |
55 </div> | 55 </div> |
56 <div id="console"></div> | 56 <div id="console"></div> |
57 </body> | 57 </body> |
58 </html> | 58 </html> |
OLD | NEW |