Pattern: applying a transform breaks the pattern

[Dherse]

Attach (recommended) or Link to PDF file here: test.pdf

Configuration:

• Web browser and its version: Firefox 118.0.1 (64-bit)
• Operating system and its version: Windows 10 22H2 19045.3448
• PDF.js version: 3.10.86 [c72cb54]
• Is a browser extension: no

Steps to reproduce the problem:

1. Open the PDF in Firefox
2. Compare with a version in Chrome/mupdf

What is the expected behavior? (add screenshot)
It should show four distorted rectangles each with a single contiguous color gradient from red to blue to green to purple (the red part is clipped). The file has been tested in the following viewers: Acrobat, mupdf, evince, XPDF, Chrome, SummatraPDF, and the Apple one and works in all of them.

What went wrong? (add screenshot)
For the two rectangles on which a skew & rotation is applied, the pattern does not appear:

Hope this is complete, thanks in advance,

Dherse :)

[Snuffleupagus]

@calixteman Any ideas what could be wrong here?

[calixteman]

Yes, it was a bit uneasy to find out what the issue is, but I found out:
https://github.com/mozilla/pdf.js/blob/master/src/display/canvas.js#L517-L524
We can't only consider the two opposite points to compute the bounding box.

[Dherse]

Wow @calixteman I am blown away, thank you so much!