Repository navigation
Image rotation doesn't maintain height and width #29
Description
Describe the bug
When an image is rotated the height and width are not changed. For example, if we have an image with an orientation of 6, we need to rotate it 90 degrees to be viewed properly. When calling .rotate(270) on the image, black bars are added to the left and right of the image to maintain the original height and width. Rotating the image 90 degrees causes the height and width to be swapped, but it looks like the height and width are not swapped causing black bars on either side of the image.
Original Image: IMG_0156 - Copy (2) (1).jpeg
Resulting Bug: Bug.jpeg
To Reproduce
Steps to reproduce the behavior:
- Load attached image (IMG_0156 - Copy (2) (1).jpeg)
- Rotate image 270 degrees
- encode to JPEG
- View result
Expected behavior
I expect the image to be rotated and the height and width to be swapped because we rotated the image 90 degrees
Screenshots
See attached images for before and after
Platform:
- OS: Windows 10
- Environment: Chrome
- Version: 1.2.16
Additional context
Add any other context about the problem here.
Activity
[-][BUG][/-][+]Image rotation doesn't maintain height and width[/+]fix rotation, compositing and cropCircle
matmen commentedon Oct 14, 2026
Fixed in 3.0.0: rotate(90) / rotate(270) now swap width and height without black bars. JPEGs are also rotated according to their Exif orientation automatically on decode, so the manual rotation is often no longer needed (Image.decode(data, { applyOrientation: false }) opts out).
renderText: shape text in every script, bidirectional text, UAX #14 w…