negative sWidth & sHeight optional arguments for 9-argument syntax does not flip image.

[Alfradu]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage

What specific section or headline is this issue about?

#swidth & #sheight

What information was incorrect, unhelpful, or incomplete?

it is stated under both optional arguments sWidth & sHeight that "A negative value will flip the image.". Using firefox, this does not occur and the image is simply displayed in its original size/transform.

What did you expect to see?

I expected the image to flip when given negative values.

Do you have any supporting links, references, or citations?

row 21 in the Js section has a negative width given but image remains the same as without negative values.

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/canvasrenderingcontext2d/drawimage
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/canvasrenderingcontext2d/drawimage/index.md
• Last commit: c0f1aec
• Document last modified: 2024-08-27T21:29:22.000Z

[caugner]

I checked the referenced Playground in Chrome, Firefox, and Safari, and indeed the image is not flipped in any browser.

Looking at the HTML Standard, this seems to be misinterpretation in content, as negative values flip the rectangles, not the image (I think it means that the rectangle "grows" in the other direction):

When w is negative, the rounded rectangle is flipped horizontally, which means that the radius values that normally apply to the left corners are used on the right and vice versa. Similarly, when h is negative, the rounded rect is flipped vertically.

[Alfradu]

Ah, thank you for clarifying. I was looking at the .Scale() Method mentioning flipping as well before so confused the context.