zinejs

Examples/PDF

PDF

A PDF file as a flipbook. Expand Options to tweak every constructor setting.

page 1 / … zoom 1.00× renderer webgl2
Options Customize · remounts on change ▾

Defaults match the library. Values marked (default) are omitted from the code snippet below.

Zoom

Covers & page replace

PdfSource

Code

Updates with your options. Only non-default values are included. 

import { Zine } from '@zinejs/core'
import { PdfSource } from '@zinejs/pdf'

new Zine(document.getElementById('book'), {
  source: new PdfSource('/pdf/sample.pdf'),
})

Non-GPU (CSS) renderer: PDF example