Examples/HTML / CDN

HTML / CDN

Name: zinejs
Availability: InStock

UMD build from a script tag (jsDelivr). No bundler. Global name: ZineJS.

Loading CDN build…

Docs: HTML / CDN integration

Code

<div id="book" style="width: min(900px, 100%); aspect-ratio: 3 / 2"></div>

<script src="https://cdn.jsdelivr.net/npm/@zinejs/core@0.9.0/dist/index.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@zinejs/pdf@0.9.0/dist/index.umd.js"></script>
<script type="module">
  import * as pdfjsLib from 'https://cdn.jsdelivr.net/npm/pdfjs-dist@6.2.108/build/pdf.min.mjs'
  pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@6.2.108/build/pdf.worker.min.mjs'
  globalThis.pdfjsLib = pdfjsLib

  new ZineJS.Zine(document.getElementById('book'), {
    source: new ZineJS.PdfSource('https://zinejs.com/pdf/sample.pdf'),
  })
</script>