View PDF file in fullscreen mode using PDFJS

javascript pdf pdfjs
dangquang1020 picture dangquang1020 · May 6, 2016 · Viewed 7.6k times · Source

I am using pdfjs-dist module to display pdf file in a modal popup. I can apply some features: change/ goto page, zoom, etc ...

I want to view pdf file in fullscreen or presentation mode just like the demo of pdfjs:

https://mozilla.github.io/pdf.js/web/viewer.html

I have looked into pdfjs source code but I do not know how to enter fullscreen/presentation mode.

Answer

Tarek.Eladly picture Tarek.Eladly · Jul 29, 2016 
<iframe height='100%' width='100%' scrolling='no' allowfullscreen webkitallowfullscreen src='./viewer.html?file=./PDFFile.PDF'></iframe>

allowfullscreen and webkitallowfullscreen do the trick for presentation mode.

Related questions

How to highlight text with PDFJS?

I'm creating an app that shows a PDF file among others. I need to implement a search functionality so that I can search for terms in the pdf file. To display the file I'm using PDFJS. In the pdfjs library …

Read More
Generating PDF files with JavaScript

I’m trying to convert XML data into PDF files from a web page and I was hoping I could do this entirely within JavaScript. I need to be able to draw text, images and simple shapes. I would love …

Read More
Download and open PDF file using Ajax

I have an action class that generates a PDF. The contentType is set appropriately. public class MyAction extends ActionSupport { public String execute() { ... ... File report = signedPdfExporter.generateReport(xyzData, props); inputStream = new FileInputStream(report); contentDisposition = "attachment=\"" + report.getName() + "\""; contentType = "application/pdf"; return …

Read More