mcpField
S
syncfusion-blazor-pdf-viewer

syncfusion-blazor-pdf-viewer

github.com/syncfusion開発265 回インストール6 週間前に更新
リポジトリ

syncfusion-blazor-pdf-viewer について

Blazor プロジェクトに Syncfusion Blazor PDF Viewer を組み込む開発者向けに、C# と Razor のサンプルを生成するスキルです。参照ファイルに記載された API のみを使い、未記載の API や参照ファイルがない場合は生成を中止します。

主な機能

  1. 01組み込み用 C# と Razor のサンプル生成
  2. 02プロジェクト種別と設定ファイルの確認
  3. 03参照表にある API のみを使用
  4. 04ツールバー、ズーム、検索、注釈に対応
  5. 05参照ファイルがない場合は生成を中止

活用シーン

  1. 01Blazor ページへの PDF Viewer の追加
  2. 02ツールバーやズーム動作の設定
  3. 03PDF のテキスト検索と注釈の実装
  4. 04機能の文書化状況の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/pdf-viewer-sdk-skills --skill syncfusion-blazor-pdf-viewer

インストール後、Claude Code で/syncfusion-blazor-pdf-viewerを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
references/
annotation-enum-properties.md
annotation-events.md
annotation-general-enum-properties.md
annotation-methods.md
annotation-properties.md
annotation-selector-settings.md
annotation-settings-enum-properties.md
annotation-settings.md
area-annotation-settings.md
arrow-annotation-settings.md
azure-container-deployment.md
circle-annotation-settings.md
command-manager.md
command-panel.md
contextmenu-settings.md
custom-stamp-annotation-settings.md
distance-annotation-settings.md
document-properties.md
file-save-properties.md
form-designer-events.md
form-field-properties.md
form-field-settings.md
form-fields-enum-properties.md
free-text-annotation-settings.md
general-enum-properties.md
getting-started.md
handwritten-signature-settings.md
highlight-annotation-settings.md
ink-annotation-settings.md

詳細

Syncfusion Blazor Pdfviewer – UI サンプル

NuGet: Syncfusion.Blazor.SfPdfViewer + Syncfusion.Blazor.Themes
名前空間: Syncfusion.Blazor.SfPdfViewer

ユーザーのプロジェクト向け C# コードを生成する(デフォルト)

トリガーキーワード: "how to", "add pdfviewer", "code sample", "show me", "example", "snippet", "integrate", "component", "create sample".

目的: ユーザーが Blazor プロジェクトに直接組み込める、最小限のコピー&ペースト可能な C# および Razor コードを生成します。

ワークフロー:

⚠️ 重要 — 機能サポートポリシー(厳格モード):

基本ルール: リファレンスファイルに明示的に記載されている API とプロパティのみを使用してコードを生成してください。それ以外はすべて違反です。

  • コード生成前に必ず確認すること:

    1. リファレンスファイルで、API/プロパティの正確な名前を検索する
    2. メソッドリファレンス、プロパティ、またはイベントの表に記載されていることを確認する
    3. いずれのリファレンスファイルにも見つからない場合は、直ちに処理を中止する
    4. ドキュメントに記載されていない API を、いかなる状況でも生成または提案しない
  • 厳格な適用 — 例外なし:

    • カスタムプロパティは禁止 — リファレンスファイルの表に記載されたプロパティのみ使用する
    • メソッドの捏造は禁止 — リファレンスファイルの表に記載されたメソッドのみ使用する
    • 未定義の API を使った回避策は禁止
    • ドキュメントにない動作の推測は禁止
    • 推測に基づく代替実装は禁止
    • サポートされているように装うことは禁止
  • サポートされていない機能に対する必須の回答:

    • 要求されたシナリオ/機能/API がいずれのリファレンスファイルにも記載されていない場合、必ず次のように回答してください:
      "This feature is not supported in the current Syncfusion Blazor PDF Viewer implementation."
      
    • 続けて、該当するリファレンスファイルに記載されているサポート対象を列挙する
    • リファレンスファイルに明示的に記載されている場合を除き、代替案を提案しない
  • リファレンスファイルの優先順位:

    • 各リファレンスファイルには、その領域に関する完全かつ正式なドキュメントが含まれています
    • 表(メソッドリファレンス、プロパティ、イベント)が唯一の信頼できる情報源です
    • リファレンスファイル内のこれらの表以外の内容は、説明にすぎません
    • リファレンスファイルの表に記載されている内容を超えてはなりません
  • 生成内容の監査:

    • コードを提示する前に、使用するすべての API がリファレンスファイルの表に記載されていることを確認する
    • 各 API の出典となるリファレンスファイルを明記する
    • リファレンスファイルの表に記載された項目を引用できない場合、そのコードを削除する
  • これは非常に重要な要件です。 違反すると、このスキルの完全性と信頼性が損なわれます。

ステップ 1 — アプリケーションの種類を特定する(必須 — 省略禁止)
  • file_search ツールと read_file ツールを使用して、ワークスペース内のプロジェクトファイルを確認します:
    • .csproj ファイル(プロジェクト構成)
    • Program.cs(起動時の構成)
    • _Imports.razor(名前空間のインポート)
    • App.razor(ルートコンポーネント)
    • Components/Pages 内の既存の .razor ファイル
  • 出力: 次に進む前に、特定したアプリケーションの種類(例: 「Blazor WebApp」または「Blazor Server」)を確認します。
ステップ 2 — 参照ファイルのみからコードを生成する (必須)
  • 生成前: ステップ 1 が完了していることを確認してください
  • 要求された機能に関連する references/*.md ファイルを読みます
  • すべての API、プロパティ、メソッドをこれらの表と照合します
  • 宣言のみのアプローチ(必須 — ライフサイクルメソッドは使用しない):
    • Razor マークアップでは、ライフサイクルメソッドと同様のプロパティバインディングのみを使用します。
    • すべての PDF Viewer プロパティをコンポーネント属性として直接設定します
  • 必須: コードを生成する前に、参照ファイルが存在し、アクセス可能であることを確認します
  • 要求された機能に適切な参照ファイルを読みます:
    • 関連する references/*.md ファイルに read_file ツールを使用します
    • ファイルに Methods/Properties/Events の表が含まれていることを確認します
    • 表が完全で、読み取り可能であることを確認します
  • 参照ファイルが見つからない、または読み取れない場合:
    • コード生成を停止します
    • 次のように応答します:"この機能の参照ファイルは利用できません。すべての参照ファイルが references/ ディレクトリにあることを確認してください。"
    • 不足している参照ファイル名を列挙します
  • このステップはブロッカーです: 参照ファイルの検証なしでは先に進めません
  • API/プロパティが参照ファイルの表に記載されていない場合は、使用しないでください
  • 参照ファイルに明記されていない API、メソッド、プロパティ、クラス、名前空間を創作、推測、提案しないでください
コード参照

すべてのテンプレートと操作スニペットは references/*.md にあります。各ファイルには、サンプルの生成時にエージェントが組み合わせる、特定のスニペットまたはテンプレートが含まれています。

フロー: 必ず getting-started.md から始め、該当する機能をそのアンカー(PROPS、EVENTS、UI_BUTTONS、HANDLERS)に統合します。キーワードが一致しない場合は、基本的なサンプルのみを返します。

ファイル目的
getting-started.md基本的なセットアップと最小限の PDF Viewer コンポーネントです。セットアップに必要な前提条件をすべて含みます。DocumentPath、Height、Width プロパティと機能のアンカーポイントを備えた、最小限の動作するコンポーネントを提供します。適切なプロジェクトのセットアップと構成の検証を行い、すべての PDF Viewer 実装の基盤として使用してください。
toolbar-properties.mdPdfViewerToolbarSettings を使用した包括的なツールバーのカスタマイズです。11 個のプロパティ(ShowTooltip、EnableToolbar、EnableAnnotationToolbar、IsAnnotationToolbarVisible、ToolbarSettings、ToolbarClicked、ToolbarItems、AnnotationToolbarItems、FormDesignerToolbarItems、MobileToolbarItems、RedactionToolbarItems、CustomToolbarItems)、それぞれ 14/22/9/7/7 個の項目を持つ 5 種類の専用ツールバー(Primary、Annotation、FormDesigner、Mobile、Redaction)、7 つのコード例を含みます。UI の簡素化、ワークフローに応じた設定、役割ごとのツールアクセスの実現、モバイルエクスペリエンスの最適化、カスタム機能の追加、注釈/フォーム/墨消し機能の制御に使用してください。
toolbar-methods.mdツールバーの表示と動作をプログラムから制御するメソッドです。5 つのメソッド(ShowToolbarAsync、ShowAnnotationToolbar、ShowRedactionToolbar、EnableToolbarItemsAsync、ShowToolbarItemsAsync)と、きめ細かな制御に使用できる 14 個のツールバー項目(OpenOption、PrintOption、DownloadOption、SearchOption、MagnificationTool、PageNavigationTool、SelectionTool、PanTool、AnnotationEditTool、CommentTool、FormDesigner、SubmitForm、UndoRedoTool、Redaction)を含みます。
magnification.mdプログラムによるズーム/拡大率制御です。10 個のプロパティ、7 つのメソッド、1 つのイベント、包括的な選択ガイダンスを含みます。プロパティ:ZoomMode(Default/FitToPage/FitToWidth/FitToHeight)、ZoomValue(10~400%)、MinZoomValue、MaxZoomValue、EnableMagnification、EnablePinchZoom、EnableZoomOptimization、RestrictZoomRequest、ZoomValueChanged コールバック、TileRenderingSettings。メソッド:ZoomAsync(正確な%指定)、ZoomInAsync(プリセット値まで段階的に拡大)、ZoomOutAsync(プリセット値まで段階的に縮小)、FitToPageAsync、FitToWidthAsync、FitToHeightAsync、GetZoomPercentageAsync。イベント:ZoomChanged(CurrentZoomValue、PreviousZoomValue)。
text-search.mdPDF ドキュメントのコンテンツ検索と移動に対応する、完全なテキスト検索機能です。EnableTextSearch プロパティで検索の有効/無効を切り替えます。テキスト検索メソッド(全 4 種類):SearchTextAsync(大文字/小文字を区別する検索を指定する文字列 searchText、bool isMatchCase)、SearchNextAsync(次の検索結果へ移動)、SearchPreviousAsync(前の検索結果へ移動)、CancelTextSearchAsync(ハイライトを消去して検索をキャンセル)。検索の構成:PdfViewerTextSearchColorSettings の SearchColor(見つかったテキストの色)と SearchHighlightColor(ハイライトされたテキストの色)で表示をカスタマイズします。検索イベント(全 3 種類):OnTextSearchStart(SearchText、MatchCase パラメーター)、OnTextSearchComplete(完了状況を追跡する SearchText、MatchCase)、OnTextSearchHighlight(検索結果の場所を追跡する PageNumber、座標)。
annotation-events.md注釈のライフサイクル、操作、署名固有のイベント(合計 20 件以上)に関する包括的なリファレンスです。イベントの登録パターン、イベントカテゴリ(追加/変更/削除、選択/移動/サイズ変更、署名操作)、詳細な引数とプロパティを含むイベント一覧、関連する型定義を含みます。
annotation-properties.mdブール値プロパティを使用して 13 種類以上の注釈機能(FreeText、Shape、TextMarkup、StickyNotes、Ink、手書き署名、Measure、Stamp、Image)を有効/無効にするためのリファレンスです。プログラム用メソッド(SetAnnotationModeAsync、UpdateMeasurementSettingsAsync)、エクスポート構成(ファイル名、形式)、署名制御(編集可能かどうか、デジタル表示)、包括的な型定義(AnnotationType、DynamicStampItem、SignStampItem、StandardBusinessStampItem)を含みます。
annotation-settings.md20 種類以上の注釈タイプにわたる既定の外観、動作、サイズ制約、制限の構成です(設定クラス 22 種類以上)。プロパティで色(線、塗りつぶし、フォント、境界線)、サイズ制約(幅/高さの最小値/最大値)、ロック(IsLock、AllowedInteractions)、印刷/ダウンロードへの包含、作成者情報を制御します。
redaction-settings.mdPDF から機密情報を完全に削除するための、墨消し設定用の完全な構成 API です。基本的なオーバーレイプロパティ(全 9 種類):OverlayText、MarkerFillColor、MarkerBorderColor、MarkerOpacity(透明度 0~1)、FontColor、FontSize、FontFamily、IsRepeat、TextAlignment。セキュリティと制御に関するプロパティ:AllowedInteractions、IsLock、Author、CustomData、IsPrint。サイズ制約:寸法を制御する MinWidth、MaxWidth、MinHeight、MaxHeight。ダウンロード/印刷制御:ドキュメントへの保持を制御する SkipPrint、SkipDownload、IsPrint。表示スタイル:BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。注釈セレクターの設定。
programmatical-annotation-methods.md注釈のライフサイクル管理、墨消し、エクスポート/インポートのワークフローをプログラムから実行するための完全な API です。注釈 CRUD メソッド(全 15 種類):AddAnnotationAsync(基本/DynamicStamp/SignStamp/StandardBusinessStamp 用の 4 つのバリエーション)、AddAnnotationsAsync(一括追加)、EditAnnotationAsync、DeleteAnnotationAsync(引数なし/オブジェクト指定/ID 指定の 3 つのバリエーション)、DeleteAnnotationsAsync(3 つのバリエーション)、GetAnnotationsAsync、SelectAnnotationAsync(2 つのバリエーション)、ClearSelectionAsync。墨消しメソッド:AddPageRedactionsAsync、RedactAsync(完全な墨消し)。エクスポート/インポート:ExportAnnotationAsync(Json/Xfdf 形式)、ExportAnnotationAsStreamAsync、ExportAnnotationsAsObjectAsync、ImportAnnotationAsync(ストリーム/オブジェクト)。
command-manager.mdカスタムキーボードショートカットとコメントパネルのカスタマイズに関する 2 つの機能リファレンスです。コマンドマネージャー:PdfViewerCommandManager と KeyboardCommand/KeyGesture を使用して、CommandExecutedEventArgs 経由でキーの組み合わせをカスタムアクションに割り当てます。コメントパネル設定:PdfViewerCommentPanelSettings の Multiline(詳細な複数行コメントを有効化)、DateTimeFormat(タイムスタンプ形式のカスタマイズ)、表示制御(双方向バインディング用の CommentPanelVisible bool、CommentPanelVisibleChanged イベント)。
document-properties.mdPDF の処理に関するドキュメントレベルの構成、メタデータ、ライフサイクルイベントです。プロパティ:EnableChunkMessages(大容量ファイルの処理)。イベント(全 8 種類):DocumentLoaded、DocumentLoadFailed、DocumentUnloaded、DocumentEdited(EditingAction:AnnotationAdded/Deleted/Updated、FormFieldImported/Updated)、PageMouseover(PageX/Y 座標)、OnPageClick(クリック座標)。
file-save-properties.mdファイルのダウンロードと注釈のエクスポート/インポート機能、および完全なイベント駆動型ワークフローです。プロパティ:EnableDownload(ツールバーのダウンロードボタンの切り替え)。メソッド:プログラムからドキュメントをダウンロードする DownloadAsync(references)。イベント(全 8 種類):DownloadStart(FileName)、DownloadEnd(DownloadDocument の base64 文字列、FileName)、ExportStarted、ExportSucceed(FileName)、ExportFailed(ErrorDetails)、ImportStarted、ImportSucceed、ImportFailed(ErrorDetails)。ドキュメントの保存ワークフロー、ダウンロードの追跡とログ記録、注釈のエクスポート/インポート処理、ファイル操作に関するユーザーへのフィードバック、インポート/エクスポート失敗時のエラー処理に使用してください。
ui-properties.mdビューアーの操作性をカスタマイズするための、主要な UI プロパティとハイパーリンク操作イベントです。UI の動作とデバイスモードを制御する 4 つのプロパティ(EnableDesktopMode、EnableErrorDialog、EnableHyperlink、EnableRtl)、ハイパーリンクの移動とライフサイクルを処理する 3 つのイベント(OnHyperlinkClick、OnHyperlinkMouseOver、Created)、4 つのコード例を含みます。デバイスごとのビューアーの外観のカスタマイズ、ハイパーリンクの移動制御、エラー処理、国際化(RTL)への対応に使用してください。
form-field-properties.mdフォームフィールドの基本的な構成とデザインモードの制御です(プロパティ 4 個、メソッド 1 個)。プロパティ:EnableFormDesigner(フォームデザイナーツールの有効/無効)、EnableFormFields(既存のフィールドに対するユーザー操作の制御)、EnableFormFieldsValidation(自動検証の有効化)、IsFormFieldDocument(PDF 内のフォームフィールドを読み取り専用で検出)、EnableAutoComplete(フォームフィールドの自動補完)。メソッド:8 種類のフィールドタイプ(Button、CheckBox、DropDown、ListBox、Password、RadioButton、SignatureField、Textbox)に対応した、フォームフィールドの描画モードをプログラムから設定する SetFormDrawingModeAsync(FormFieldType?)。フォームデザイナーのワークフロー制御、フォームフィールド操作の管理、自動検証のセットアップ、ドキュメント機能の検出、フォームフィールドタイプの動的な切り替えに使用してください。
form-field-settings.mdフォームフィールドの視覚的な外観とスタイルを構成するための、7 つのプロパティと包括的な選択ガイダンスです。プロパティ:BackgroundColor(HEX/RGB/CSS の色)、BorderColor、Color(テキストの色)、FontFamily、FontSize(double 型)、FontStyle、Thickness。
form-designer-events.mdフォームフィールドのライフサイクル、操作、検証、データ管理に関する包括的なイベントリファレンスです(20 件以上のイベント)。イベントカテゴリ:ライフサイクル(キャンセルに対応した FormFieldAdding/Added/Deleted/PropertyChanged)、操作(座標を含む Selected/Unselected/Click/DoubleClick/Resized/FocusIn/FocusOut)、マウス(PageX/PageY を含む MouseEnter/Leave)、検証(UnfilledFields ディクショナリを含む ValidateFormFields)、インポート/エクスポート(ErrorDetails を含む Importing/Imported/ImportFailed、Exporting/Exported/ExportFailed)、デザイナーモード(IsDesignerModeChanged)。
programmatical-form-field-methods.mdフォームフィールドのライフサイクル管理、一括操作、エクスポート/インポートのワークフローをプログラムから実行するための完全な API です。フォームフィールド CRUD メソッド(全 13 種類):AddFormFieldsAsync(一括追加)、GetFormFieldsAsync(すべて取得)、UpdateFormFieldsAsync(単一/一括のバリエーション)、DeleteFormFieldsAsync(すべて/選択済み/ID 指定の 3 つのバリエーション)、SelectFormFieldAsync(オブジェクト/ID 指定)、RetrieveFormFieldsAsync(旧式)。エクスポート/インポート:形式パラメーターを指定する ExportFormFieldsAsync、ExportFormFieldsAsObjectAsync、形式パラメーターを指定する ImportFormFieldsAsync(Dictionary/Stream のバリエーション)。
thumbnail-bookmark.mdプログラムによるナビゲーション、テキスト選択、サムネイル/ブックマークパネルの管理に関する包括的なリファレンスです。5 つのメソッド(ClearTextSelectionAsync、GetBookmarksAsync、GoToBookmarkAsync、OpenThumbnailPaneAsync、SelectTextRegionAsync)、4 つの UI プロパティ(EnableBookmarkPanel、EnableTextSelection、EnableThumbnailPanel、IsThumbnailPanelOpen)、3 つの操作イベント(OnTextSelectionEnd、OnTextSelectionStart、OnThumbnailClick)を含みます。カスタムのナビゲーション UI の実装、プログラムによるテキストのハイライト、ブックマークを使ったワークフロー、テキスト選択の管理に使用してください。
contextmenu-settings.mdPDF Viewer のコンテキストメニュー設定とプロパティをカスタマイズする必要がある場合に使用します。コンテキストメニュー機能のオプションを変更してカスタマイズする方法と、その動作について説明します。
undo-redo-properties.mdドキュメントの変更を追跡して取り消す、包括的な元に戻す/やり直し機能です。双方向バインディング用のイベントコールバックにより元に戻す/やり直しの状態を追跡する 4 つのプロパティ(CanUndo、CanUndoChanged、CanRedo、CanRedoChanged)、操作を実行する 2 つの非同期メソッド(UndoAsync、RedoAsync)、2 つのコード例を含みます。注釈、フォームフィールドへの入力、編集、変更など、すべてのユーザー操作を追跡します。元に戻す/やり直しボタンの実装、ドキュメントの編集履歴の追跡、キーボードショートカット(Ctrl+Z/Ctrl+Y)の提供、ドキュメントの状態変更の管理に使用してください。
navigation-methods.mdプログラムによるページ移動の制御とドキュメント情報の取得です(全 9 メソッド)。メソッド:GoToFirstPageAsync/GoToLastPageAsync/GoToNextPageAsync/GoToPreviousPageAsync、ページへ移動する GoToPageAsync(1 始まりのインデックス)、GetPageCountAsync(非同期で合計ページ数を取得)、GetPageDetails(同期でページメタデータ List を取得)、ShowNavigationToolbarAsync(bool)(ツールバーの表示制御)、ToggleItemByIndex(int)(パネルの切り替え)。実装上の注意:インデックスは 1 始まり、すべての GoTo* メソッドは非同期(await が必要)、GetPageCountAsync は非同期、GetPageDetails は同期、無効なページ番号を指定した場合は現在のページが維持されます。
navigation-properties.mdPDF ビューアーにおけるページ状態の追跡、ナビゲーションツールバーのカスタマイズ、UI 同期のためのプロパティです。現在のページをリアルタイムで監視する CurrentPageNumber、PageCount、イベントコールバック(CurrentPageNumberChanged、PageCountChanged)を含みます。NavigationToolbarSettings で、組み込み項目(Thumbnails、Bookmarks、CommentPanel、PageOrganizer)の表示/非表示を設定するか、ナビゲーションツールバーにカスタムツールバーボタンと区切り線を追加できます。
page-organizer.mdプログラムによるページ操作、ドキュメント構造の編集、ページオーガナイザー UI の構成に関する完全な API です。ページ操作メソッド(全 8 種類):0 始まりのインデックスによるページ操作に対応する DeletePagesAsync、DuplicatePagesAsync、ExtractPagesAsync、ExtractPagesAsStreamAsync、InsertPagesAsync、InsertBlankPagesAsync、MovePagesAsync、RotatePagesAsync、RotatePagesToAngleAsync。PageOrganizerSettings で機能制御(CanDelete、CanInsert、CanRotate、CanDuplicate、CanRearrange、CanImport、CanExtractPages)、サムネイルのズーム管理(ImageZoom、ShowImageZoomingSlider、ImageZoomMin/Max)、フッターボタンの表示(Save/SaveAs)が可能です。イベント:保存/ズームのワークフロー用の PageOrganizerSaveRequested、PageOrganizerZoomChanged、PageSelected(SelectedPages リスト)。
page-organizer-settings.mdページオーガナイザー機能専用の設定です。プロパティ(全 12 種類):CanDelete、CanInsert、CanRotate、CanDuplicate、CanRearrange、CanImport、CanExtractPages(機能の有効/無効を切り替える bool)、ImageZoom(サムネイルのズームレベル)、ShowImageZoomingSlider、ImageZoomMin/ImageZoomMax、FooterButtons(Save/SaveAs の表示を制御する FooterButton enum)。PageOrganizerSettings タグと組み合わせて使用し、許可するページ操作をきめ細かく制御し、サムネイルのズーム動作を構成します。
print.mdPDF ドキュメントの印刷機能の構成、品質制御、イベント駆動型ワークフローです。印刷制御プロパティ(全 4 種類):EnablePrint(ツールバーの印刷ボタンを切り替える bool)、EnablePrintRotation(印刷時に横向きドキュメントを自動回転する bool)、PrintScaleFactor(印刷画像の品質)、PrintMode(印刷ダイアログの表示場所を指定する Default/NewWindow enum)。印刷メソッド:プログラムから印刷する PrintAsync(references)。印刷イベント(全 2 種類):権限の検証に使用する Cancel bool とドキュメント追跡用の FileName を含む PrintStart、監査ログと印刷後の操作に使用する PrintEnd(FileName)。
pdfviewer-properties.mdBlazor SfPdfViewer コンポーネントの UI の外観とビューアーの動作を制御する一般的な構成プロパティです。プロパティ(全 15 種類):Height、Width(スクロール可能な寸法)、Id(DOM 要素 ID)、CssClass(カスタムスタイル)、DocumentPath(初期 PDF パス)、DownloadFileName(ダウンロード時のファイル名)、Locale(カルチャ/ローカライズ)、InteractionMode、HyperlinkOpenState、CustomFonts(ドキュメントのテキストに使用するローカルフォントのパス)、FallbackFontCollection(カスタム FreeText フォント用の Dictionary<string, Stream>)、FontFamilies(優先フォントのリスト)、RetryCount(サービス呼び出しの再試行回数)、IsDocumentEdited(編集状態を追跡する読み取り専用プロパティ)。ビューアーの初期外観、フォントのサポート、操作動作、ローカライズの構成に使用してください。
pdfviewer-methods.mdBlazor SfPdfViewer コンポーネントの主要なライフサイクルおよびドキュメント操作メソッドです。メソッド(全 8 種類):パス/URL/ストリーム/バイト配列から PDF を読み込む LoadAsync(string/Stream/byte[], password)、サーバー側に保存する SaveAsync(filePath)、メモリを解放する UnloadAsync(references)、変更後のドキュメントを byte[] として取得する GetDocumentAsync(references)、レスポンシブレイアウトを再調整する UpdateViewerContainerAsync(references)、ブラウザーからダウンロードする DownloadAsync(references)、リソースを解放する Dispose(references)/Dispose(bool)。プログラムによるドキュメントのライフサイクル管理、さまざまなソースからの PDF の読み込み、変更の保存、コンテナーのレスポンシブ対応に使用してください。
annotation-methods.mdBlazor SfPdfViewer の注釈モードをプログラムから制御するメソッドです。メソッド(全 2 種類):次のユーザー操作で使用する特定の注釈タイプを有効にする SetAnnotationModeAsync(AnnotationType)、スタンプ注釈タイプ(Dynamic/Sign/StandardBusiness)用のオーバーロード SetAnnotationModeAsync(AnnotationType, DynamicStampItem?, SignStampItem?, StandardBusinessStampItem?)、既存の測定注釈の測定設定を更新する UpdateMeasurementSettingsAsync(references)。ツールバーを操作せずに注釈モードをプログラムで切り替える、カスタム注釈ツールバーを実装する、注釈ワークフローを自動化する場合に使用してください。
annotation-selector-settings.mdPdfViewerAnnotationSelectorSettings による、注釈セレクターの全体的な外観の構成です。プロパティ(全 9 種類):ResizerBorderColor(サイズ変更ハンドルの境界線)、ResizerCursorType、ResizerFillColor(サイズ変更ハンドルの塗りつぶし)、ResizerLocation、ResizerShape(AnnotationResizerShape:Square/Circle)、ResizerSize(ハンドルのサイズ、px)、SelectionBorderColor(選択枠の色)、SelectionBorderThickness(選択枠の幅、1~10、既定値は 1)、SelectorLineDashArray(破線パターン double[])。PdfViewerAnnotationSelectorSettings タグと組み合わせて使用し、すべての注釈タイプに共通するセレクターのスタイルを設定します。
area-annotation-settings.mdPdfViewerAreaSettings による、領域注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。領域注釈の既定の外観、サイズ制約、ロック動作、印刷/ダウンロードへの包含を設定します。
arrow-annotation-settings.mdPdfViewerArrowSettings による、矢印注釈の既定の外観と動作の構成です。プロパティ(全 19 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、LineHeadEndStyle、LineHeadStartStyle。両端のヘッドスタイルを含む矢印注釈の既定のスタイルを構成します。
circle-annotation-settings.mdPdfViewerCircleSettings による、円注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。円注釈の既定の外観、サイズ制約、ロック動作、印刷/ダウンロードへの包含を設定します。
command-panel.mdPDF Viewer のコメントパネルの表示と動作を構成します。プロパティ(全 3 種類):EnableCommentPanel(bool — コメントパネル機能の有効/無効)、CommentPanelVisible(bool、既定値 false — パネル UI の表示/非表示)、CommentPanelVisibleChanged(EventCallback — 双方向バインディングのコールバック)。CommentPanelSettings:Multiline(bool、既定値 false — 複数行テキストボックスを有効化)、DateTimeFormat(string — カスタムタイムスタンプ形式)。注釈レビューのワークフローでコメントパネルの利用可否、表示状態、コメント入力時の操作性を制御します。
custom-stamp-annotation-settings.mdPdfViewerCustomStampSettings による、カスタムスタンプ/画像注釈の既定の外観と動作の構成です。プロパティ(全 21 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、Height、Width、CustomStampName と CustomStampImageSource を含む PdfViewerCustomStamp の List である CustomStamps、EnableCustomStamp(bool、既定値 true)、IsAddToMenu(bool — 新しいスタンプをメニューに保存)。カスタム画像スタンプの構成とスタンプメニューのコレクション管理に使用してください。
distance-annotation-settings.mdPdfViewerDistanceSettings による、距離測定注釈の既定の外観と動作の構成です。プロパティ(全 20 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、LineHeadEndStyle、LineHeadStartStyle、LeaderLength。線のヘッドスタイルと引出線の長さを含む、距離測定注釈の既定値を構成します。
free-text-annotation-settings.mdPdfViewerFreeTextSettings による、フリーテキスト注釈の既定の外観と動作の構成です。プロパティ(全 27 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、Opacity、Height、Width、AllowEditTextOnly(bool — テキスト編集のみに制限)、AutoFit(bool — コンテンツに合わせて自動サイズ調整)、BorderColor、BorderStyle、BorderThickness、DefaultText、FillColor、FontColor、FontFamily、FontSize(int、既定値 16)、FontStyle、TextAlignment。フリーテキスト注釈の既定の外観と編集動作を詳細にカスタマイズします。
handwritten-signature-settings.mdPdfViewerHandwrittenSignatureSettings による、手書き署名注釈の既定の外観と動作の構成です。プロパティ(全 19 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、Height、Width、DisplayMode、HideSaveSignature、SignatureFonts を含む PdfViewerSignatureDialogSettings の SignatureDialogSettings。署名取得ダイアログのオプションを含め、手書き署名の既定値を構成します。
highlight-annotation-settings.mdPdfViewerHighlightSettings による、ハイライト注釈の既定の外観と動作の構成です。プロパティ(全 11 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、Opacity、Color、EnableMultiPageAnnotation(bool — 複数ページにわたるハイライトを許可)、EnableTextMarkupResizer(bool — サイズ変更ハンドルを表示)。複数ページへの対応とサイズ変更ハンドルの表示を含む、ハイライト注釈の既定値を設定します。
ink-annotation-settings.mdPdfViewerInkAnnotationSettings による、インク注釈の既定の外観と動作の構成です。プロパティ(全 18 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、Height、Width。インク/フリーハンド注釈の既定の外観とサイズ制約を構成します。
line-annotation-settings.mdPdfViewerLineSettings による、線注釈の既定の外観と動作の構成です。プロパティ(全 19 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、LineHeadEndStyle、LineHeadStartStyle。線の始点と終点のスタイルを構成可能な、線注釈の既定のスタイルを設定します。
measurement-annotations-settings.mdPdfViewerMeasurementSettings による、すべての測定注釈に共通する測定単位と縮尺の構成です。プロパティ(全 4 種類):ConversionUnit(CalibrationUnit enum)、Depth(int)、DisplayUnit(CalibrationUnit enum)、ScaleRatio(double — 表示時に実際の測定値に掛け合わせる値)。距離、周長、面積、半径、体積のすべての測定注釈で一貫した測定単位と縮尺比を設定します。
navigation-toolbar-settings.md左側のナビゲーション UI 用のナビゲーションツールバーとパネルの構成です。関連プロパティ:EnableNavigationToolbar(bool — 左側のナビゲーションツールバーの表示/非表示)、EnableNavigationPanel(bool — カスタム項目用のモダンなナビゲーションパネルを有効化)。NavigationToolbarSettings:BuiltInItems(Thumbnails、Bookmarks、CommentPanel、PageOrganizer を指定する List)、Name、HeaderText、IconCss、Index、TooltipText、ItemType、パネルコンテンツ用の RenderFragment 型 Template を含む CustomItems(List)。表示するナビゲーションパネルのカスタマイズや、インタラクティブなコンテンツを含む完全なカスタムパネルテンプレートの追加に使用してください。
perimeter-annotation-settings.mdPdfViewerPerimeterSettings による、周長測定注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。周長測定注釈の既定の外観、サイズ制約、操作制限を設定します。
polygon-annotation-settings.mdPdfViewerPolygonSettings による、多角形注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。多角形注釈の既定の外観、サイズ制約、ロック動作、印刷/ダウンロードへの包含を設定します。
radius-annotation-settings.mdPdfViewerRadiusSettings による、半径測定注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。半径測定注釈の既定の外観、サイズ制約、操作制限を設定します。
rectangle-annotation-settings.mdPdfViewerRectangleSettings による、長方形注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。長方形注釈の既定の外観、サイズ制約、ロック動作、印刷/ダウンロードへの包含を設定します。
signature-annotation-events.md手書き署名注釈固有のライフサイクルイベントと操作イベントです(全 7 種類)。イベント:AddSignature(Bound、Opacity、StrokeColor、Thickness、Id、PageNumber)、MoveSignature(CurrentPosition、PreviousPosition、Opacity、StrokeColor、Thickness、Id、PageNumber)、RemoveSignature(Bound、Id、PageNumber)、ResizeSignature(CurrentPosition、PreviousPosition、Opacity、StrokeColor、Thickness、Id、PageNumber)、SignaturePropertiesChange(IsOpacityChanged、IsStrokeColorChanged、IsThicknessChanged、NewValue、OldValue、Id、PageNumber)、SignatureSelected(Id、PageNumber)、SignatureUnselected(Id、PageNumber)。署名のライフサイクルの追跡、変更の検証、アプリケーションデータとの署名状態の同期に使用してください。
squiggly-annotation-settings.mdPdfViewerSquigglySettings による、波線注釈の既定の外観と動作の構成です。プロパティ(全 11 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、Opacity、Color(波線の色)、EnableMultiPageAnnotation(bool)、EnableTextMarkupResizer(bool)。複数ページへの対応とサイズ変更ハンドルの表示を含む、波線テキストマークアップ注釈の既定値を設定します。
stamp-annotation-settings.mdPdfViewerStampSettings による、スタンプ/画像注釈の既定の外観と動作の構成です。プロパティ(全 22 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness、Height、Width、動的スタンプ用のカスタム日付/時刻形式である DateTimeFormat、DynamicStampItem の List である DynamicStamps、SignStampItem の List である SignStamps、StandardBusinessStampItem の List である StandardBusinessStamps。注釈ツールバーに表示する組み込みスタンプタイプの構成と、スタンプの既定値のカスタマイズに使用してください。
stickynotes-annotation-settings.mdPdfViewerStickyNotesSettings による、付箋注釈の既定の外観と動作の構成です。プロパティ(全 11 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、Opacity。操作制限、サイズ制約、印刷/ダウンロード動作を含む、付箋注釈の既定値を設定します。
strikethrough-annotation-settings.mdPdfViewerStrikethroughSettings による、取り消し線注釈の既定の外観と動作の構成です。プロパティ(全 11 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、Opacity、Color(取り消し線の色)、EnableMultiPageAnnotation(bool)、EnableTextMarkupResizer(bool)。複数ページへの対応とサイズ変更ハンドルの表示を含む、取り消し線テキストマークアップ注釈の既定値を設定します。
text-selection-and-extraction.mdEnableTextSelection、IsExtractText プロパティによるテキスト選択とテキスト抽出の有効/無効の切り替え、プログラムによるテキスト選択を行う ClearTextSelectionAsync と SelectTextRegionAsync メソッド、処理を追跡する OnTextSelectionEnd、OnTextSelectionStart、ExtractTextCompleted イベントについて説明します。
tile-rendering.mdPdfViewerTileRenderingSettings による、パフォーマンス最適化のためのタイルレンダリング構成です。プロパティ(全 3 種類):EnableTileRendering(bool — タイルベースレンダリングの有効/無効)、X(int — 水平方向のタイル座標数)、Y(int — 垂直方向のタイル座標数)。大容量または複雑な PDF のページをタイルに分割してレンダリング性能を向上させる場合に使用してください。
underline-annotation-settings.mdPdfViewerUnderlineSettings による、下線注釈の既定の外観と動作の構成です。プロパティ(全 11 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、Opacity(0~1)、Color(下線の色)、EnableMultiPageAnnotation(bool)、EnableTextMarkupResizer(bool)。複数ページへの対応とサイズ変更ハンドルの表示を含む、下線テキストマークアップ注釈の既定値を設定します。
volume-annotation-settings.mdPdfViewerVolumeSettings による、体積測定注釈の既定の外観と動作の構成です。プロパティ(全 17 種類):AllowedInteractions、Author、CustomData、IsLock、IsPrint、MaxHeight、MaxWidth、MinHeight、MinWidth、SkipDownload、SkipPrint、AnnotationSelectorSettings、BorderDashArray、FillColor、Opacity、StrokeColor、Thickness。体積測定注釈の既定の外観、サイズ制約、操作制限を設定します。
azure-container-deployment.mdDocker コンテナー、Azure Container Registry(ACR)、Azure App Service を使用して Blazor PDF Viewer アプリケーションを Azure にデプロイするための包括的なガイドです。前提条件、Server モードと WebAssembly モードの Dockerfile 構成、ネイティブ依存関係の要件(libgdiplus)、ローカルでの Docker ビルド/テスト用コマンド、ACR のセットアップとイメージのプッシュ手順、Azure App Service の作成とコンテナーの構成、一般的なデプロイの問題のトラブルシューティング、本番デプロイのベストプラクティスを扱います。デプロイ手順の案内、Azure コンテナーに関する質問への回答、PDF Viewer アプリケーションの Docker コンテナー化の説明に使用してください。
annotation-enum-properties.md注釈タイプの enum 定義です。注釈の共通プロパティに関するクラスと enum プロパティを提供します。
annotation-general-enum-properties.md注釈の一般的な enum プロパティです。注釈メソッドに関するクラスと enum プロパティ(例:Bound 型)を提供します。
annotation-settings-enum-properties.md注釈設定の enum プロパティです。注釈設定プロパティに関するクラスと enum プロパティを提供します。
form-fields-enum-properties.mdフォームフィールドの enum プロパティです。フォームフィールド関連のプロパティに関するクラスと enum プロパティを提供します。
general-enum-properties.md一般的な enum(InteractionMode、ZoomMode、ContextMenuAction など)です。共通プロパティに関するクラスと enum プロパティを提供します。
keyboard-enum-properties.mdキーボードショートカットの enum プロパティです。キーボード操作に関するクラスと enum プロパティを提供します。
pdf-annotation-enum-properties.mdPDF 固有の注釈 enum(例:AllowedInteraction)です。注釈に関するクラスと enum プロパティを提供します。
toolbar-enum-properties.mdツールバー項目の enum(ToolbarItem、AnnotationToolbarItem など)です。ツールバーのプロパティに関するクラスと enum プロパティを提供します。

Quick Start Example

@page "/pdfviewer-sample"
@using Syncfusion.Blazor
@using Syncfusion.Blazor.SfPdfViewer
@using Syncfusion.Blazor.Buttons




<SfPdfViewer2 @ref="_pdfviewer"
               DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
               Height="100%"
               Width="100%">
               
               
</SfPdfViewer2>

@code {
    private SfPdfViewer2 _pdfviewer { get; set; }
}

コメント