ズーム表示

メイン表示は、ズーム可能な画像で構成されます。

メインビューア領域のCSSプロパティ

表示領域の外観は、以下のCSSクラスセレクターを使用して制御します。

.s7basiczoomviewer .s7zoomview

CSSプロパティ	説明
background-color	メイン表示の16進数形式の背景色。
cursor	カーソルはメイン表示の上に表示されます。

例 — メイン表示を透明にするには、次のように記述します。

.s7basiczoomviewer .s7zoomview { 
 background-color: transparent; 
}

デスクトップシステムでは、コンポーネントは.s7zoomviewクラスに適用できるcursortype属性セレクターをサポートし、コンポーネントの状態とユーザー操作に基づいてカーソルタイプを制御します。次のcursortype値がサポートされています。

値	説明
デフォルト	画像解像度が低い、コンポーネントの設定、またはその両方が原因で画像がズーム可能でない場合に表示されます。
zoomin	画像がズームイン可能な場合に表示されます。
リセット	画像が最大ズームレベルに達し、初期状態にリセット可能な場合に表示されます。
ドラッグ	ユーザーがズームイン状態の画像をパンした場合に表示されます。

このページ