Big PDF - page splited and all pages are rendered one over each other

Hi,

I'm trying to open a a big size pdf (1281.26 x 718). Every page is splited into 4 small images.

There are 2 problems with this:

 - there is a small gap beetwen the 4 images of a page (like in the attachment)

- all the pages are rendered one above the other

There is a way to force the renderer to render each page in one image?

I want to allign the pages horizontaly 

Thanks,


Attachment: ReactPdfViewer_337b15e4.zip

1 Reply

VV Visvesvar Venkatesan Syncfusion Team April 4, 2024 02:58 PM UTC

Hi Next Fusion,


It appears that you are currently loading a landscape document, where we load the document in tile rendering for landscape document. Generally, we load landscape documents using tile rendering as the default option, and this may be delays in rendering for large page sizes.


However if you need to disable the tile rendering you need to use the below code to disable it.

 

Code Snippet:

 tileRenderingSettings={{
            enableTileRendering: false,
            x: 0,
            y: 0,
          }}


Documentation : https://ej2.syncfusion.com/react/documentation/api/pdfviewer/#tilerenderingsettings

Sample :https://stackblitz.com/edit/react-nm7dqr-hn2zne?file=index.js


Kindly try this and let us know if you have any concerns.


Regards,

Visvesvar K V 



Loader.
Up arrow icon