OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 if (window.testRunner) { | 4 if (window.testRunner) { |
5 testRunner.dumpAsTextWithPixelResults(); | 5 testRunner.dumpAsTextWithPixelResults(); |
6 } | 6 } |
7 | 7 |
8 function log(str) { | 8 function log(str) { |
9 var li = document.createElement("li"); | 9 var li = document.createElement("li"); |
10 li.appendChild(document.createTextNode(str)); | 10 li.appendChild(document.createTextNode(str)); |
(...skipping 16 matching lines...) Expand all Loading... |
27 | 27 |
28 </script> | 28 </script> |
29 <style> | 29 <style> |
30 body { overflow: hidden; } | 30 body { overflow: hidden; } |
31 img { transform: translateZ(0); } | 31 img { transform: translateZ(0); } |
32 div { display: inline-block; margin-right: 20px; margin-bottom: 10px; width: 100
px; vertical-align: top; } | 32 div { display: inline-block; margin-right: 20px; margin-bottom: 10px; width: 100
px; vertical-align: top; } |
33 </style> | 33 </style> |
34 </head> | 34 </head> |
35 <body onload="load()"> | 35 <body onload="load()"> |
36 <b>The images should be rotated respecting their EXIF orientation by use of imag
e-orientation: from-image.</b><br><br> | 36 <b>The images should be rotated respecting their EXIF orientation by use of imag
e-orientation: from-image.</b><br><br> |
37 <div><img id="img1" src="../../images/resources/exif-orientation-1-ul.jpg"><br>N
ormal</div> | 37 <div><img id="img1" src="../../../images/resources/exif-orientation-1-ul.jpg"><b
r>Normal</div> |
38 <div><img id="img2" src="../../images/resources/exif-orientation-2-ur.jpg"><br>F
lipped horizontally</div> | 38 <div><img id="img2" src="../../../images/resources/exif-orientation-2-ur.jpg"><b
r>Flipped horizontally</div> |
39 <div><img id="img3" src="../../images/resources/exif-orientation-3-lr.jpg"><br>R
otated 180°</div> | 39 <div><img id="img3" src="../../../images/resources/exif-orientation-3-lr.jpg"><b
r>Rotated 180°</div> |
40 <div><img id="img4" src="../../images/resources/exif-orientation-4-lol.jpg"><br>
Flipped vertically</div> | 40 <div><img id="img4" src="../../../images/resources/exif-orientation-4-lol.jpg"><
br>Flipped vertically</div> |
41 <br> | 41 <br> |
42 <div><img id="img5" src="../../images/resources/exif-orientation-5-lu.jpg"><br>R
otated 90° CCW and flipped vertically</div> | 42 <div><img id="img5" src="../../../images/resources/exif-orientation-5-lu.jpg"><b
r>Rotated 90° CCW and flipped vertically</div> |
43 <div><img id="img6" src="../../images/resources/exif-orientation-6-ru.jpg"><br>R
otated 90° CCW</div> | 43 <div><img id="img6" src="../../../images/resources/exif-orientation-6-ru.jpg"><b
r>Rotated 90° CCW</div> |
44 <div><img id="img7" src="../../images/resources/exif-orientation-7-rl.jpg"><br>R
otated 90° CW and flipped vertically </div> | 44 <div><img id="img7" src="../../../images/resources/exif-orientation-7-rl.jpg"><b
r>Rotated 90° CW and flipped vertically </div> |
45 <div><img id="img8" src="../../images/resources/exif-orientation-8-llo.jpg"><br>
Rotated 90° CW</div> | 45 <div><img id="img8" src="../../../images/resources/exif-orientation-8-llo.jpg"><
br>Rotated 90° CW</div> |
46 <br> | 46 <br> |
47 <div><img id="img9" src="../../images/resources/exif-orientation-9-u.jpg"><br>Un
defined (invalid value)</div> | 47 <div><img id="img9" src="../../../images/resources/exif-orientation-9-u.jpg"><br
>Undefined (invalid value)</div> |
48 <br> | 48 <br> |
49 <ul id="console"></ul> | 49 <ul id="console"></ul> |
50 </body> | 50 </body> |
51 </html> | 51 </html> |
OLD | NEW |