|
1 <!DOCTYPE> |
|
2 <head> |
|
3 <style> |
|
4 body { |
|
5 border: 0px; |
|
6 margin: 0px; |
|
7 padding: 0px; |
|
8 } |
|
9 img { |
|
10 image-orientation: from-image; |
|
11 border: 50px solid black; |
|
12 margin: 50px; |
|
13 padding: 50px; |
|
14 } |
|
15 </style> |
|
16 </head> |
|
17 <body> |
|
18 <img id="image"> |
|
19 |
|
20 <script> |
|
21 var orientation = location.search.substring(1).split("&"); |
|
22 var angle = orientation[0]; |
|
23 var flip = orientation[1] == "flip" ? true : false; |
|
24 |
|
25 // Determine the final image file. 'none' is special-cased since its |
|
26 // filename doesn't quite follow the same pattern as the others. |
|
27 var imageFile; |
|
28 if (angle == "none") { |
|
29 imageFile = "image-exif-none.jpg"; |
|
30 } else { |
|
31 var imageFile = "image-exif-" |
|
32 + angle |
|
33 + "-deg" |
|
34 + (flip ? "-flip" : "") |
|
35 + ".jpg"; |
|
36 } |
|
37 |
|
38 document.getElementById('image').src = imageFile; |
|
39 </script> |
|
40 </body> |