<!DOCTYPE> <head> <style> body { border: 0px; margin: 0px; padding: 0px; } </style> </head> <body> <img src="image-orientation-no-viewbox-and-size.svg"> <script> var orientationInfo = location.search.substring(1).split("&"); var angle = orientationInfo[0]; var flip = orientationInfo[1] == "flip" ? true : false; // Construct a style. "from-image" is special-cased. var style; if (angle == "from-image") { style = "img { image-orientation: from-image; }\n"; } else { style = "img { image-orientation: " + angle + "deg" + (flip ? " flip" : "") + "; }\n"; } // Apply the style to the document. var sheet = document.createElement('style'); sheet.innerHTML = style; document.body.appendChild(sheet); </script> </body>