Javascript 谷歌Chrome既有也没有'；无法正确处理EXIF图像_Javascript_Css_Google Chrome_Exif

Javascript 谷歌Chrome既有也没有'；无法正确处理EXIF图像

javascript css google-chrome

Javascript 谷歌Chrome既有也没有'；无法正确处理EXIF图像,javascript,css,google-chrome,exif,Javascript,Css,Google Chrome,Exif,我正在开发的一个应用程序需要在Google Chrome中正确处理EXIF图像。下面是一个示例图像： | 如果你点击上面的“在浏览器中查看链接”，并且你在谷歌浏览器中，图像将正确旋转；图像中的“顶部”将位于顶部，而不是左侧如果在Chrome上直接查看图像时打开developer tools，则会看到如下来源： <body style="margin: 0px; background: #0e0e0e;"> <img style="-webkit-us

我正在开发的一个应用程序需要在Google Chrome中正确处理EXIF图像。下面是一个示例图像：

如果你点击上面的“在浏览器中查看链接”，并且你在谷歌浏览器中，图像将正确旋转；图像中的“顶部”将位于顶部，而不是左侧

如果在Chrome上直接查看图像时打开developer tools，则会看到如下来源：

<body style="margin: 0px; background: #0e0e0e;">
    <img
        style="-webkit-user-select: none;background-position: 0px 0px, 10px 10px;background-size: 20px 20px;background-color: white;background-image:linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%);"
        src="https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/Portrait_6.jpg">
</body>

如果您从该源生成图像，图像将旋转

当直接打开图像时，Chrome如何处理EXIF？在我自己的网站上可以这样做吗

是的，

图像定向

似乎正是我需要的，但它在chrome中不起作用。