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 <!-- | 5 <!-- |
6 The shape-inside polygon is just a square rotated 90 degrees. The X and Y offset
s of the inset "padded" | 6 The shape-inside polygon is just a square rotated 90 degrees. The X and Y offset
s of the inset "padded" |
7 boundary are padding * sqrt(2). To make the bouunds of the padded boundary work
out to integral values | 7 boundary are padding * sqrt(2). To make the bouunds of the padded boundary work
out to integral values |
8 (as specified for the SVG polygon), the padding distance is 10 * sqrt(2) = 14.14
2, which makes the X and Y | 8 (as specified for the SVG polygon), the padding distance is 10 * sqrt(2) = 14.14
2, which makes the X and Y |
9 offsets 20. | 9 offsets 20. |
10 --> | 10 --> |
11 <style> | 11 <style> |
12 #shape-inside { | 12 #shape-inside { |
13 position: relative; | 13 position: relative; |
14 width: 500px; | 14 width: 500px; |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 | 54 |
55 shouldBe("shapeInsideRect('b').top", "250"); | 55 shouldBe("shapeInsideRect('b').top", "250"); |
56 shouldBeCloseTo("shapeInsideRect('b').left", 150, 1, quiet) | 56 shouldBeCloseTo("shapeInsideRect('b').left", 150, 1, quiet) |
57 shouldBe("shapeInsideRect('b').width", "300"); | 57 shouldBe("shapeInsideRect('b').width", "300"); |
58 | 58 |
59 shouldBe("shapeInsideRect('c').top", "350"); | 59 shouldBe("shapeInsideRect('c').top", "350"); |
60 shouldBeCloseTo("shapeInsideRect('c').left", 250, 1, quiet); | 60 shouldBeCloseTo("shapeInsideRect('c').left", 250, 1, quiet); |
61 shouldBe("shapeInsideRect('c').width", "100"); | 61 shouldBe("shapeInsideRect('c').width", "100"); |
62 </script> | 62 </script> |
63 </html> | 63 </html> |
OLD | NEW |