[Bug]: TypeError: Image or Canvas expected at drawImageAtIntegerCoords

[snowfluke]

Attach (recommended) or Link to PDF file

opposite-expectation-scan.pdf

Web browser and its version

Brave Version 1.75.180 Chromium: 133.0.6943.126 (Official Build) (64-bit)

Operating system and its version

Ubuntu 24.04 WSL

PDF.js version

4.10.38

Is the bug present in the latest PDF.js version?

Yes

Is a browser extension

No

Steps to reproduce the problem

1. Install bunjs
2. Clone https://github.com/PT-Perkasa-Pilar-Utama/ppu-pdf/
3. Run: bun run src/pdf-scan.example.ts

What is the expected behavior?

It creates a pngs of the pdf

What went wrong?

Greetings,

I was trying to render the page into a canvas but Image or Canvas expected error appeared.

System information:
OS: Ubuntu
Runtime: Bun 1.2.4
canvas: ^3.1.0
pdfjs-dsit: ^4.10.38

private async getCanvas(
    canvasMap: CanvasMap,
    pageNum: number,
    page: PDFPageProxy
  ): Promise<void> {
    let viewport = page.getViewport({ scale: 1 });

    const scale = this.options.scale
    if (scale! > 1) {
      viewport = page.getViewport({ scale });
    } else if (this.options.normalizeSize) {
      const normalizedScale = Math.floor(
        this.options.normalizedWidth! / viewport.width
      );
      viewport = page.getViewport({ scale: normalizedScale });
    }

    const width = Math.floor(viewport.width);
    const height = Math.floor(viewport.height);
    const canvas = createCanvas(width, height);
    const context = canvas.getContext("2d");

    const renderContext: any = {
      intent: "print",
      canvasContext: context,
      viewport: viewport,
    };

    canvasMap.set(pageNum, canvas);

    // this method below has a problem
    return page.render(renderContext).promise;
  }

Maybe the CanvasRenderingContext2D is differ? when I try to pass it

// Type 'CanvasRenderingContext2D' is missing the following properties from type 'CanvasRenderingContext2D': getContextAttributes, isPointInStroke, createConicGradient, filter, and 10 more.

 return page.render({ canvasContext: context}).promise;

Any workaround suggestion?
Full code: https://github.com/PT-Perkasa-Pilar-Utama/ppu-pdf/blob/37d8a7cb9e4882ac006708c44037ef589967980a/src/pdf-reader.ts#L154

Link to a viewer

No response

Additional context

No response

[Snuffleupagus]

Steps to reproduce the problem

1. Install bunjs

2. Clone https://github.com/PT-Perkasa-Pilar-Utama/ppu-pdf/

3. Run: bun run src/pdf-scan.example.ts

Sorry, but that's not environment that we support; please see https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#faq-support

[snowfluke]

is there any plan on supporting a new environment so far?

[snowfluke]

or maybe what alternative

[snowfluke]

@issdn it did works! thank you