Error: extract_area: bad extract area

Hello, I’m using 512x512 image. First I resize it then extract and expecting readable stream data but it shows me “Error: extract_area: bad extract area” error. Here’s the code;

test2(x, y, zoom) {
        const width = 500;
        const height = 500;

        return this.image
            .metadata()
            .then((metadata) => {
                var resizedWidth = metadata.width * zoom;
                var resizedHeight = metadata.height * zoom;
                var left = parseInt(resizedWidth * x);
                var top = parseInt(resizedHeight * y);
                return this.image
                    .resize(resizedWidth, resizedHeight)
                    .extract({left: left, top: top, width: width, height: height})
                    .jpeg()
                    .resize(500);
            });
}

Thanks.

[imCorfitz]

I know this may be an old thread - but I experienced this issue recently, and it was due to the orientation of the image on the server, not being equivalent of the interpreted orientation in the browser. Say I took a picture with my iPhone, then safari and the phone knew how to properly orient the photo, but the server no.

In order to fix that, I simply initialised the sharp procedure with .rotate(), which took care of that.

sharp('image data goes here').rotate().extract({left: left, top: top, width: width, height: height}).resize(width, height);.

Just as a note for future visitors, as this issue pops up as the first result when searching in Google.

[geiszla]

This is still an issue until this day. Is there an issue tracking this?

Edit: my bad, didn’t realize the rotate() auto-rotates the image. Works perfectly now.