
スタンドアロンの画像ビューアで、 ImageSource (URL、base64、または生のバイト)をレンダリングし、その上にオプションのクロームを重ねます:枠付きフレーム、回転/反転/ズーム/フルスクリーン機能付きのツールバー、ダウンロードボタン、トリミング操作。列縛り編集(ドロップゾーン、アップロード、検証)には代わりに ImageEdit を使います。
デフォルト — 親と同じくらいの <img> 。クロームもありません。

枠、パッド、コーナーのダウンロードボタンを追加します。これが ImageEdit が使う読み取り専用プレビュー形状です。

回転(CCW/CW)、フリップ(H/V)、ズームイン/アウト、リセット、フルスクリーン、ダウンロードボタンを追加できます。画像はホイールズーム(カーソルに固定)に反応し、1×を超えてズームするとドラッグ・トゥ・パンに反応します。

アスペクト比ピッカーとクロップボタンを有効にします。画像を左ドラッグすると、選択したアスペクトに制約された線状の選択長方形が描かれます。トリミングを押すと、選択部分がオフスクリーンのキャンバスからPNGにラスター化され、 OnCropAppliedが起動します。ビューアはトリミングされた結果を表示します。リセットすると元のソースに戻ります。

名称 | 種類 | デフォルト | 概要 |
|---|---|---|---|
Alt | string? | ||
Croppable | bool | False | |
Downloadable | bool | False | |
Fallback | RenderFragment? | ||
FileName | string? | ||
Framed | bool | False | |
IsDirty | bool | False | |
OutputFormat | ImageOutputFormat | Auto | |
OutputQuality | double | 0.9 | |
Source | ImageSource? | ||
Toolbar | bool | False |
AltCroppableDownloadableFallbackFileNameFramedIsDirtyOutputFormatOutputQualitySourceToolbar名称 | 種類 | 概要 |
|---|---|---|
OnCancel | EventCallback | |
OnClick | EventCallback<MouseEventArgs> | |
OnCropApplied | EventCallback<CropResult> | |
OnDirtyChanged | EventCallback<bool> | |
OnSave | EventCallback |
OnCancelOnClickOnCropAppliedOnDirtyChangedOnSave名称 | パラメータ | 種類 | 概要 |
|---|---|---|---|
CommitAsync | Task<CropResult> | ||
HandleContainerResize | ImageMeasurements newMeasurements | void | |
HandleFullscreenChange | bool isFullscreen | Task | |
HandleKeyDown | string key bool shiftKey | Task | |
HandleWheel | double deltaY double cursorRelX double cursorRelY | Task | |
ResetDirtyAsync | Task | ||
RevertCrop | void |
CommitAsyncHandleContainerResizeHandleFullscreenChangeHandleKeyDownHandleWheelResetDirtyAsyncRevertCrop