Annotations misaligned on export for landscape/rotated PDFs

[mamod93]

Hi, I noticed an issue when using the library with PDFs that are rotated or in landscape orientation. When exporting annotations on such PDFs, their positions don’t match correctly — they appear offset or misaligned, even though they look fine while editing.

I also tested the official demo (link) and the same problem occurs there: when uploading a landscape PDF, not only are the exported annotations misaligned, but new objects are also not added at the exact position where I draw them.

It seems like the coordinate calculation doesn’t fully account for page rotation or different aspect ratios. Is there a recommended way to handle landscape or rotated PDFs, or could this be a bug in the library?

Here is my PDF for testing:
0000_P_1140_V3.pdf

Thanks!

@Laomai-codefee

[Laomai-codefee]

Got it — I’ll look into the specific issue with rotated and landscape-oriented PDFs.

[Laomai-codefee]

I tested this locally using your PDF (0000_P_1140_V3.pdf), but I’m not able to reproduce the misalignment on my side.

@mamod93

[mamod93]

Totally weird.
I also cloned and tested locally, and this is what I’m seeing:

Please try with this PDF:

0000_P_1147_R0.pdf

[Laomai-codefee]

@mamod93

Fixed an issue where annotations (Ink, Stamp, Highlight, etc.) were misaligned when exporting PDFs with non-zero pdfPageRotate (e.g., 90, 180, 270).

Try 0.2.6
https://laomai-codefee.github.io/pdfjs-annotation-extension-for-react-demo/

Why it happened:
Although pages with non-zero pdfPageRotate appear upright in the PDF.js viewer, the underlying PDF coordinate system is rotated. Viewer automatically applies rotation when rendering, so annotations drawn on screen seem correct. However, exporting annotations without accounting for pdfPageRotate causes them to be placed incorrectly.

Solution:
Adjusted the annotation export logic to apply the page rotation transform, ensuring all annotation types respect pdfPageRotate and appear correctly in the exported PDF.