zinejs

Examples/PDF · CSS

PDF · CSS

Used automatically when the browser does not support WebGL2 (plain spine rotation). You can also force it with renderer: 'css'.

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

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

curl

CSS uses a plain spine rotation

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'),
  renderer: 'css', // force CSS; also used automatically when WebGL2 is unavailable
})