PDFビューワでは、ツールバーにある ページ表示 ドロップダウン(
) を使用することでページ表示のレイアウトを変更することが可能です。ページ表示ドロップダウンでは、以下の設定が用意されています。
| 設定 | クライアントサイド API | 説明 |
|---|---|---|
| 単一ページ表示 | SinglePage | １ページのみを表示します。ページ単位で切り替えて表示します。 |
| 見開きページ表示 | TwoPage | ２ページを横に並べて表示します。２ページごとに切り替えて表示します。 |
| 単一ページ表示（スクロール有効） | SinglePageScrolling | １ページのみを表示し、縦方向にスクロールさせることで、別のページに移動できます。 |
| 見開きページ表示（スクロール有効） | TwoPageScrolling | ２ページを横に並べて表示させたまま、縦方向にスクロールさせて、別のページに移動できます。 |
| スクロールのみ有効 | None | １ページのみを表示し、縦方向にスクロールさせることで、別のページに移動できます。（コードからこの設定にした場合、ツールバー上にページ表示ドロップダウンは表示されなくなります。） |
ページ表示形式の初期設定
PDFビューワでは、pageDisplay オプションを使用することで、ページ表示形式の初期状態を設定することが可能です。以下のサンプルコードをご覧ください。
| JS |
コードのコピー
|
|---|---|
// ページ表示形式のデフォルトを"見開きページ表示(スクロール有効)…TwoPageScrolling"とします var viewer = new DsPdfViewer("#host", { supportApi: 'api/pdf-viewer', pageDisplay: "TwoPageScrolling" }); |
|
ページ表示形式の変更
PDFビューワでは、pageDisplay プロパティを使用することで、ページ表示形式をコード上から変更することが可能です。以下のサンプルコードをご覧ください。
| JS |
コードのコピー
|
|---|---|
// ページ表示形式を"単一ページ表示(スクロール有効)…SinglePageScrolling"に変更します viewer.pageDisplay = "SinglePageScrolling"; |
|