Когда я вызываю context.drawImage
в Chrome 81+, изображение автоматически поворачивается. Я хочу отключить это. Я могу отключить его в теге img, используя image-orientation:none
, но это не работает на холсте.
Кажется, он игнорирует стиль ориентации изображения. В приведенном ниже примере тег img не поворачивается автоматически (как ожидалось), но холст вращается, несмотря на попытки его отключить.
Как вы предотвращаете вращение drawImage
на основе данных exif или, по крайней мере, обнаруживаете, что это произошло?
<html>
<head>
<script>
window.onload = function() {
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("imgtest");
// This style is ignored
img.style.imageOrientation = 'none';
ctx.drawImage(img, 0, 0);
};
</script>
</head>
<body>
<p>
<img id="imgtest" style="image-orientation:none;" src="portrait.jpg"/>
<canvas id="myCanvas" width="240" height="297"></canvas>
</p>
</body>
</html>