如何使用节点 js 将图像放置在 pdf 的右上角？

Question

I have one pdf file and one image file which is the signature of the client. I need to place the client signature image on the top right corner of every page of pdf. This whole process is in node js so I have used the pdf-lib npm package to attach image on pdf. The current issue I'm unable to place the image on the top-right corner.

Below is the logic which I used to set an image on the top-right corner of the pdf but this logic is not true for every case in some cases when the width of the image or pdf changes then it's not worked as expected. Sometimes images are getting too much small or sometimes too much large.Just because I set fix height and width. As I don't know how to calculate it dynamically

        const pages = pdfDoc.getPages();
        for (let i = 0; i < pdfDoc.getPageCount(); i++) {
            let imagePage='';
            imagePage = pdfDoc.getPage(i);
            console.log(i+1)
            console.log(imagePage.getWidth())
            let xx=imagePage.getWidth()
            console.log(imagePage.getHeight())
            console.log(img.width)
            console.log(img.height)
            let yy=imagePage.getHeight()
            imagePage.drawImage(img, {
                x: xx-150,
                y: yy-70,
                width: 70,
                height: 70
            })
        }

Please check console values below

595.5 ​​​​​at ​​​​​​​​imagePage.getWidth()​​​ 

842.2499787 ​​​​​at ​​​​​​​​imagePage.getHeight()​​​

1200 ​​​​​at ​​​​​​​​img.width​​​

700 ​​​​​at ​​​​​​​​img.height

please check the above image where I attached the signature to pdf but in this case, the signature image is not properly visible so how can I set the image to pdf on the top-right corner? How can I calculate the x and y position dynamically for any pdf?

Answer 1

I got the solution to get dynamic x and y values to set an image on the top-right corner of the pdf

let xx=imagePage.getWidth();
console.log(imagePage.getHeight());
console.log("[PAGE_HEIGHT]",imagePage.getHeight());
const imgHeight = img.height;
const imgWidth = img.width;
console.log("[SIGNATURE_IMAGE_WIDTH]",img.width);
console.log("[SIGNATURE_IMAGE_HEIGHT]",img.height);
const marginX = 50;
let yy=imagePage.getHeight();
imagePage.drawImage(img, {
    x: xx -marginX-imgWidth,
    y: yy- marginX-imgHeight,
    width: imgWidth,
    height: imgHeight
})

margin is a fixed value to move an image from the top and right sides to get a proper view. I have removed image height and width from the actual page width and height that will return top right corner.