Cannot add an image on top of a shape

[furstenheim-goodnotes]

What were you trying to do?

Hi, I have a pdf that contains a shape and some text. I'm trying to render a png on top of the content.

How did you attempt to do it?

const {PDFDocument, BlendMode} = require('pdf-lib')
const fs = require('fs/promises')
main()
    .then(function () {
        console.log('finished')
    }, function (err) {
        console.error('error', err)
    })
async function main () {
    const pdfB = await fs.readFile('./input-pdf-with-blank-overlay-2.pdf')
    const doc = await PDFDocument.load(pdfB)
    const buffer = await fs.readFile('./merge.png')
    const pdfImage = await doc.embedPng(buffer)
    const page = doc.getPage(0)
    page.drawImage(pdfImage, {
        x: 0,
        y: 100,
        width: page.getWidth(),
        height: page.getHeight(),

    })
    const exportedPage = await doc.save()
    await fs.writeFile('example-with-overlay.pdf', exportedPage)
}

I've tried with different blend modes

input-pdf-with-blank-overlay-2.pdf

What actually happened?

The image was over the text but below the rectangle.

What did you expect to happen?

I would expect to have the image over the rectangle, or to have some way of controlling the order

How can we reproduce the issue?

const {PDFDocument, BlendMode} = require('pdf-lib')
const fs = require('fs/promises')
main()
    .then(function () {
        console.log('finished')
    }, function (err) {
        console.error('error', err)
    })
async function main () {
    const pdfB = await fs.readFile('./input-pdf-with-blank-overlay-2.pdf')
    const doc = await PDFDocument.load(pdfB)
    const buffer = await fs.readFile('./merge.png')
    const pdfImage = await doc.embedPng(buffer)
    const page = doc.getPage(0)
    page.drawImage(pdfImage, {
        x: 0,
        y: 100,
        width: page.getWidth(),
        height: page.getHeight(),

    })
    const exportedPage = await doc.save()
    await fs.writeFile('example-with-overlay.pdf', exportedPage)
}

Version

1.17.1

What environment are you running pdf-lib in?

Node

Checklist

• [X] My report includes a Short, Self Contained, Correct (Compilable) Example.
• [X] I have attached all PDFs, images, and other files needed to run my SSCCE.

Additional Notes

Thanks so much for the project

[furstenheim-goodnotes]

Example output

example-with-overlay.pdf

[furstenheim-goodnotes]

By the spec, annotations are rendered on top of images