Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rotation adds black border

See original GitHub issue

Expected Behavior

When the image is rotated, the image is identical to the original

Current Behavior

A black border (1px) is added

Failure Information (for bugs)

Steps to Reproduce

(typescript)

Jimp.read(this._encodedImgDataUrl).then(jimpContext => {
            jimpContext.rotate(degrees, false).getBase64(this._mime, (_instance_, result: string) => {
                this._globalRender(result);
            });
        });

IF YOUR ISSUE DEPENDS ON A PARTICULAR IMAGE BE SURE TO INCLUDE THIS AS WELL. WE CAN’T REPORDUCE IF WE DON’T HAVE YOUR IMAGE

step 1
step 2
you get it… -->

Screenshots

Context

Jimp Version: 0.6.1
Operating System: Win 10
Node version: 8.15.0

Failure Logs

Issue Analytics

State:
Created 4 years ago
Reactions:13
Comments:20 (2 by maintainers)

Top GitHub Comments

3reactions

toolekscommented, Jun 21, 2019

I faced the same problem.

Here is the jsfiddle to reproduce the issue.

2reactions

soimycommented, Jul 9, 2019

After some digging, I found this issue is introduced by #708 most of the time we just need simple 90-degree rotation, and advancedRotate() on 90/270 degree will result in total size change.

Workaround: implement your own simpleRotate() method using https://github.com/oliver-moran/jimp/blob/736054ef1bea6b6fb03db3e75f05cd922a9c104f/packages/plugin-rotate/src/index.js#L3-L20