Extract image

[brerdem]

Is it possible to extract images from a page? I need to get images like the way ı can get text with getTextContent()

[sioncamara]

I did this for the cover image of the PDF. I don't see why you couldn't do this for different PDF pages.
use the onLoadSuccess prop within the Document component.

onLoadSuccess={loadAndStorePdf}

export async function getCoverImage(page: PDFPageProxy): Promise<string> {
  var scale = 1.5
  var viewport = page.getViewport({ scale: scale })

  const canvas = document.createElement("canvas")
  const context = canvas.getContext("2d")
  if (!context) throw new Error("Error generating canvas context")

  canvas.width = viewport.width
  canvas.height = viewport.height

  const renderContext = {
    canvasContext: context,
    viewport: viewport,
  }

  return page
    .render(renderContext)
    .promise.then(() => {
      const dataURL = canvas.toDataURL("image/png")
      return dataURL
    })
    .catch((error) => {
      throw error
    })
}

I use this util function within my loadAndStorePDf func, which is asynchronous.
const coverImage = await getCoverImage(await pdf.getPage(1))