PDF Viewer
Equo Chromium includes a powerful built-in PDF viewer. To display a PDF in your application, simply embed the viewer component in your UI—for example, by adding an iframe element in your HTML:
<iframe src="path/to/myDocument.pdf" width="100%" height="600px"/>
Customizing the display
You can tailor the appearance and behavior of the PDF viewer by appending URL parameters to the PDF source.
Hiding the toolbar
To remove the toolbar buttons, add #toolbar=0
to the PDF URL:
<iframe src="path/to/myDocument.pdf#toolbar=0" width="100%" height="600px"/>
Setting the zoom level
Control the initial zoom level using the zoom
parameter. To start at 50% zoom, use:
<iframe src="path/to/myDocument.pdf#zoom=50" width="100%" height="600px"/>
Jumping to a specific page
Open the PDF at a particular page by adding #page=<number>
. For instance, to display page 30:
<iframe src="path/to/myDocument.pdf#page=30" width="100%" height="600px"/>
Choosing a view mode
Specify how the PDF fits into the frame with the view
parameter. Available options include fit
(entire page), fith
(fit width), fitv
(fit height), fitb
(fit bounding box), fitbh
(fit bounding box width), and fitbv
(fit bounding box height). For example, to fit the page width:
<iframe src="path/to/myDocument.pdf#view=fith" width="100%" height="600px"/>
These are the values of the view
attribute that you configure:
fit: Fit to page.
fith: Fit to width
fitv: Fit to height
fitb: Fit to bounding box
fitbh: Fit to bounding box width
fitbv: Fit to bounding box height