Attach (recommended) or Link to PDF file here: Any

Configuration:
- Web browser and its version: Firefox 105.0.3
- Operating system and its version: macOS 11.6
- PDF.js version: 3.0.206 (latest demo)
- Is a browser extension: no

Steps to reproduce the problem:
1. Draw some annotation
2. Resize it using the handle
3. Zoom the viewer in/out

What is the expected behavior? (add screenshot)
The annotation should scale with the page.

What went wrong? (add screenshot)
Did not scale.

![zoom-annot](https://user-images.githubusercontent.com/18247990/195622628-2e98b7ff-ee29-4967-918c-ccb1fc3f915e.gif)

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension): N/A

const xy = [x, y];
      bezier = [[xy, xy.slice(), xy.slice(), xy]];
    }
    const path2D = InkEditor.#buildPath2D(bezier);
    this.currentPath.length = 0;
    const cmd = () => {
      this.paths.push(bezier);
      this.bezierPath2D.push(path2D);
      this.rebuild();
    };
    const undo = () => {
      this.paths.pop();
      this.bezierPath2D.pop();
      if (this.paths.length === 0) {
        this.remove();
      } else {
        if (!this.canvas) {
          this.#createCanvas();
          this.#createObserver();
        }
        this.#fitToContent();
      }
    };
    this.parent.addCommands({ cmd, undo, mustExec: true });
  }
  /**
   * Redraw all the paths.
   */
  #redraw() {