Examples/RTL

RTL

Name: zinejs
Availability: InStock

direction: 'rtl'. Pages turn the other way for right-to-left reading. Other options stay reactive.

page 1 / … zoom 1.00× renderer webgl2

Options Customize · remounts on change 1 custom ▾

Code

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

import { Zine, ImageSource } from '@zinejs/core'

new Zine(document.getElementById('book'), {
  source: new ImageSource([
    '/sample-images/page-01.png',
    '/sample-images/page-02.png',
    '/sample-images/page-03.png',
    // ... more pages
  ]),
  direction: 'rtl',
})

Non-GPU (CSS) renderer: Images example

RTL

Zoom

Covers & page replace

ImageSource

Code