PDF.jsのページめくりアニメーション

2021.09.24

はじめに

今回は、以前ブログで説明したPDF.jsのページめくりアニメーションの紹介です。

githubでturn.jsとPDF.jsを使用しているのを見つけたので、紹介のみです。

https://github.com/RaffaeleMorganti/pdf-viewer

下記が必要です。viewer.htmlがカスタマイズされているところと、pdf-turn.jsが別途あります。

jQuery 3.4.1

PDF.js 2.1.266

turn.js 4.1.0

実際の動作周りは、pdf-turn.jsに記載されています。

サンプルを下記から確認できます。

前頁、次頁ボタンと、PDF上部左右をクリックすると、ページめくりアニメーションされます。

https://raffaelemorganti.github.io/pdf-viewer/external/pdfjs-2.1.266-dist/web/viewer.html

たぶん、以前紹介した1ページ毎の読み込みでは使用はできないと思います。試してません。。

個人的に、わすれちゃうのでメモです。

では。。

PDF.jsのviewer.htmlの応用

前回の記事はこちらから
https://www.omakase.net/blog/2021/02/pdfjsviewerhtml.html