Re: [csswg-drafts] [css-images] Should the values of image-orientation include the <angle> variants? (#4164)

I think I’ve got a use-case for `image-orientation: <angle>`.

Imagine an image that shows a map with text written at different angles (see my screenshot below). A website that includes such an image may want allow its visitors to rotate the image by 90 degrees (put it on its side) to make it easier to read all of the image’s text without having to lean one’s head too much to the side.

Ideally, the browser would just provide controls for rotating images in the context menu. But since browsers don’t let users rotate images easily, the website has to provide this option.

How can the website do that? I’d like to produce the result shown in my screenshot below. I’m not sure that CSS Transforms can do it. If I set `rotate: -90deg` and adjust the `transform-origin`, the image becomes too wide for the viewport, and there is whitespace below the image. It may be possible, but it’s not straightforward.

![Screenshot 2021-12-31 at 06 10 06](https://user-images.githubusercontent.com/716405/147804736-f5bfdf60-56ab-4fcf-8e44-51907a571eae.png)



-- 
GitHub Notification of comment by simevidas
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4164#issuecomment-1003275615 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 31 December 2021 05:35:59 UTC