image-orientation-from-image.html

Enable keyboard shortcuts

<!DOCTYPE>

<head>

  <style>

    body {

      border:  0px;

      margin:  0px;

      padding: 0px;

    img {

      image-orientation: from-image;

      border:  50px solid black;

      margin:  50px;

      padding: 50px;

  </style>

</head>

<body>

  <img id="image">

  <script>

    var orientationInfo = location.search.substring(1).split("&");

    var angle = orientationInfo[0];

    var flip = orientationInfo[1] == "flip" ? true : false;

    // Determine the final image file. 'none' is special-cased since its

    // filename doesn't quite follow the same pattern as the others.

    var imageFile;

    if (angle == "none") {

      imageFile = "image-exif-none.jpg";

    } else {

      var imageFile = "image-exif-"

                    + angle

                    + "-deg"

                    + (flip ? "-flip" : "")

                    + ".jpg";

    document.getElementById('image').src = imageFile;

  </script>

</body>