-
まずはお試しください
-
BuildVuを実行する
-
Webサービスとクラウド
-
- マイクロサービスの設定
- Rubyを使ってBuildVuマイクロサービスにアクセスする
- Pythonを使ってBuildVu Microserviceにアクセスする
- PHPを使ってBuildVuマイクロサービスにアクセスする
- NodeJSを使用してBuildVuマイクロサービスにアクセスする
- Javascriptを使用してBuildVuマイクロサービスにアクセスする
- Javaを使ってBuildVu Microserviceにアクセスする
- cURLを使ってBuildVu Microserviceにアクセスする
- C#を使ってBuildVuマイクロサービスにアクセスする
- すべて表示 ( 4 ) 折り畳む
-
変換オプション
- クリップオフセット値の設定
- コンプリートドキュメント
- 画像の圧縮
- SVGの圧縮
- ページあたりの画像数のしきい値設定
- 画像をBase64ストリームとして埋め込む
- SVGをBase64画像として埋め込む
- インライン SVG
- 画像スケール
- コメントの無効化
- オリジナルのファイル名を作成する
- 起動アクションを有効にする
- フォントをテキストモードでラスタライズする
- 検索ファイルの生成
- ページ範囲の設定(論理ページ番号)
- ページ範囲の設定(実際のページ番号)
- 最大ページ高
- 最大ページ幅
- 1インチあたりのピクセル数
- スケール設定
- 収録フォントの設定
- 最小フォントサイズ
- 小さなテキスト除去のしきい値
- 出力するディレクトリ名の削除
- テキストを単語に分割
- テキストモード - textMode
- サムネイルの出力
- サムネイルの最大高
- サムネイルの最大幅
- レガシー画像ファイルタイプの使用
- ビューアのユーザーインターフェース - Viewer UI
- 表示モード
- パスワード
- すべて表示 ( 28 ) 折り畳む
-
テキストとフォント
-
IDRViewer-専用ビューア
-
アノテーション
-
ヒント&テクニック
-
困ったときの対処法
-
よくある質問
-
APIドキュメント
-
アップデート情報
- BuildVu 2024.10 Release Notes
- BuildVu 2024.08 Release Notes
- BuildVu 2024.07 Release Notes
- BuildVuマイクロサービスにおけるAPIの変更
- 白い線が表示される問題の改善
- BuildVu 2024.05 Release Notes
- BuildVu 2024.04 Release Notes
- BuildVu 2024.03 Release Notes
- BuildVu 2024.01 Release Notes
- BuildVu 2023.12 Release Notes
- BuildVu 2023.10 Release Notes
- BuildVu 2023.09 Release Notes
- BuildVu 2023.08 Release Notes
- BuildVu 2023.06 Release Notes
- BuildVu 2023.05 Release Notes
- BuildVu 2023.04 Release Notes
- BuildVu 2023.02 Release Notes
- BuildVu 2023.01 Release Notes
- すべて表示 ( 13 ) 折り畳む
-
- BuildVu 2021.05 Release Notes
- BuildVu 2021.06 Release Notes
- BuildVu 2021.08 Release Notes
- BuildVu 2021.09 Release Notes
- BuildVu 2021.11 Release Notes
- BuildVu 2021.12 Release Notes
- BuildVu 2021.04 Release Notes
- BuildVu 2021.02 Release Notes
- BuildVu 2021.01 Release Notes
- 2021.06リリースでのdivタグの変更点とその理由?
- すべて表示 ( 5 ) 折り畳む
-
- BuildVu 2019.12 Release Notes
- BuildVu April 2019 Release Notes
- BuildVu August 2019 Release Notes
- BuildVu February 2019 Release Notes
- BuildVu January 2019 Release Notes
- BuildVu June 2019 Release Notes
- BuildVu May 2019 Release Notes
- BuildVu October 2019 Release Notes
- BuildVu September 2019 Release Notes
- すべて表示 ( 4 ) 折り畳む
-
ライセンスとバージョン
< 前に戻る
印刷
IDRViewer JavaScript API
作成日:2018年7月5日
最終更新日:2024年2月27日
IDRViewerは、UIを簡単に構築できるシンプルなビューアコンポーネントとして設計されています。これらは、ページの読み込み、ズーム、ページ表示、レイアウトなどの複雑なタスクをすべて実装し、ビューアとのやり取りに使用できるAPIを提供します。これらのサンプルUIはそのまま使用することも、独自のUIを構築する方法の出発点または例として使用することもできます。
Viewer API:
ナビゲーション:
IDRViewer.next();
– 次のページに進むIDRViewer.prev();
– 前のページに戻るIDRViewer.goToPage(page);
– 指定したページに移動
ズーム:
IDRViewer.zoomIn();
– ドキュメントをズームするIDRViewer.zoomOut();
– ドキュメントをズームアウトするIDRViewer.setZoom(IDRViewer.ZOOM_AUTO);
– ブラウザに最適なズーム(ドキュメントとレイアウトモードに依存)IDRViewer.setZoom(IDRViewer.ZOOM_ACTUALSIZE);
– ドキュメントを100%で表示IDRViewer.setZoom(IDRViewer.ZOOM_FITWIDTH);
– 幅に合わせて拡大(連続モードで使用される最大ページ幅)IDRViewer.setZoom(IDRViewer.ZOOM_FITHEIGHT);
– 高さに合わせてズーム(連続モードで使用される最大ページ高さ)IDRViewer.setZoom(IDRViewer.ZOOM_FITPAGE);
– ページに合わせてズーム(連続モードで使用される最大ページ)IDRViewer.setZoom(0.5);
– ドキュメントを指定されたズーム値にズーム
レイアウト:
IDRViewer.setLayout(IDRViewer.LAYOUT_CONTINUOUS);
– レイアウトを連続モードに設定IDRViewer.setLayout(IDRViewer.LAYOUT_PRESENTATION);
– レイアウトをプレゼンテーションモードに設定IDRViewer.setLayout(IDRViewer.LAYOUT_MAGAZINE);
– レイアウトをマガジンモードに設定
セレクション:
IDRViewer.setSelectMode(IDRViewer.SELECT_PAN);
– 選択モードをマウスで画面を動かせるパンに設定IDRViewer.setSelectMode(IDRViewer.SELECT_SELECT);
– 選択モードをテキスト選択に設定
イベント:
ユーザーインタラクションに基づいてUIを更新する方法として、さまざまなイベントを取得することができます。イベントリスナーは IDRViewer.on('eventtype', eventListener);
と IDRViewer.off('eventtype', eventListener);
を使って追加、削除ができます。
使用例:
IDRViewer.on('pagechange', function(data) {
console.log("navigated to page " + data.page);
});
ready
:
page (number)
– 現在のページpagecount (number)
– ドキュメントのページ数bounds (array[[number, number]])
– An array of page boundsthumbnailType (string)
– サムネイルのファイルタイプ (jpg or png)selectMode (string)
– 現在のセレクションモードisMobile (boolean)
– ユーザーがモバイルかタブレットからブラウズしているかどうかlayout (string)
– 現在のレイアウトモードavailableLayouts (array[string])
– 使用可能なレイアウトtitle (string)
– 変換されたファイルのタイトル(利用可能な場合)bookmarks (object)
– 変換されたファイルのブックマーク(利用可能な場合)pageType (string)
– ページのファイルタイプ (html or svg)isFirstPage (boolean)
– 現在のページが最初のページの場合isLastPage (boolean)
– 現在のページが最後のページの場合
pagechange
:
page (number)
– 現在のページpagecount (number)
– ドキュメントのページ数isFirstPage (boolean)
– 現在のページが最初のページの場合isLastPage (boolean)
– 現在のページが最後のページの場合
pageload
:
page (number)
– ロードされたページ番号
pageunload
:
page (number)
– アンロードされたページ番号
layoutchange
:
layout (string)
– 現在のレイアウトモード
selectchange
:
type (string)
– 現在の選択モード
zoomchange
:
zoomType (string)
– 現在のズームモードscale (number)
– 実際のスケール値isMinZoom (boolean)
– 現在のズームが最小である場合isMaxZoom (boolean)
– 現在のズームが最大である場合
searchready
:
引数なし
search:
searchTerm (String)
– 検索対象となった文字列results (array[object])
– PDF上の検索語と設定に対するすべての結果、各結果にはページ番号、ページに対するインデックス、および一致したテキストのスニペットが含まれています。settings (object(matchCase, limitOnePerPage, decompose snippets))
– 検索に使用する設定
searchresultselected
:
resultIndex (int)
– searchResults 配列における、選択された結果のインデックス。result (object)
– 配列からプリフェッチされた結果オブジェクト
デフォルトの設定:
デフォルト設定を変更するには、セットアップが呼び出される前にViewer APIを使用します。
使用例:
IDRViewer.goToPage(2); // Set default page
IDRViewer.setZoom(IDRViewer.ZOOM_FITPAGE); // Set default zoom
IDRViewer.setLayout(IDRViewer.LAYOUT_PRESENTATION); // Set default layout
IDRViewer.setSelecMode(IDRViewer.SELECT_SELECT); // Set default select mode
IDRViewer.setup(); // Load viewer with new default settings
トランジション:
プレゼンテーションとマガジンのレイアウトモードでは、さまざまなトランジションを利用できます。 関連するCSSクラスをidrviewer要素に追加することで、トランジションを有効にすることができます。
使用例:
プレゼンテーションレイアウトのトランジション:
transition-flip
transition-slide
transition-throw
transition-fade
マガジンレイアウトのトランジション:
transition-magazine