location / coordinates of images on canvas

I’m trying to find the x,y,width,height of images on the canvas, similar to the div/span text layer. I would also like a separate image file as well. I’m going to do two things with this for academic articles: scroll to figures after clicking a link and show the images in a separate gallery. In the svg:img, I see there is a url which shows only the image with it’s original size, is there a way to get that url without searching through the svg object? The images in the svg are placed on the page using a series of transforms. Is there a way to get the x,y,width,height without measuring the size of the rendered svg:img?

// get svg which contains img elements
      const opList = await page.getOperatorList()
      let svgGfx = new pdfjsLib.SVGGraphics(page.commonObjs, page.objs);
      svgGfx.embedFonts = true;
      const svg = await svgGfx.getSVG(opList, viewport) // image url in svg:img elements

[TomasHubelbauer]

Basically each paintImageXObject op was preceded by a transform op and that transform op had a corresponding args which were six numbers two last of which were the X and Y coordinates. I think this will be true for many PDFs.

https://github.com/TomasHubelbauer/puppeteer-globus-scraper/blob/master/index.mjs#L63

[matt-erhart]

I also found this code:

let objs = [];
      for (var i = 0; i < opList.fnArray.length; i++) {
        // paintInlineImageXObject paintImageXObject 
        if (opList.fnArray[i] == pdfjsLib.OPS.paintImageXObject) {
          objs.push(opList.argsArray[i][0]);
        }
      }
const img = await page.objs.get(objs[0]); //width, height, data, kind=2, what is 'kind'?

It can get the Uint8ClampedArray of imagedata but it is divisible by 3 (therefore rgb) rather than 4 (rgba: what canvas wants). Adding the alpha channel in a loop seems slow, is there a faster way? Seems like this ‘search the ops list’ approach might have the img x,y,width,height, but still not sure how to get at that.