Anyway to set the size of PDF? about react-pdf-js HOT 8 CLOSED

There's no "size" props, as the PDF is render in a canvas, and base its size on the viewport:

      const viewport = page.getViewport(adjustedScale, rotate);

If you want to adjust the size, use the "scale" props for that:

<PDF scale={0.8} ... />

from react-pdf-js.

Thanks for the answer.

Here is another question with scale. Because I don't know the original size of the canvas, how could I set a pixel size like 800px?

from react-pdf-js.

You'd just need to set the size of the parent properly. It will fill it's parent.

from react-pdf-js.

@mikecousins The width of canvas is inline style. So I have to set it with max-width: 100%; height: auto; and then it can fit its parents.

from react-pdf-js.

No, those are dynamic so it will always fill it's parent.

from react-pdf-js.

@mikecousins do you have an example of pdf component fitting it's parent? I can't make it work, because canvas style width and height attributes are being set in renderPdf function

from react-pdf-js.

@mikecousins I believe @atermenji is correct, it looks like the code sets the height/width without looking at the props or parent...

from react-pdf-js.

What code do you believe does that? All I can see is:

      canvas.style.width = `${viewport.width / dpiScale}px`;
      canvas.style.height = `${viewport.height / dpiScale}px`;
      canvas.height = viewport.height;
      canvas.width = viewport.width;

It seems to just be grabbing it's viewport and using that.

from react-pdf-js.