メイン表示は、ズーム可能な画像で構成されます。
メインビューア領域のCSSプロパティ
表示領域の外観は、以下のCSSクラスセレクターを使用して制御します。
.s7basiczoomviewer .s7zoomview
CSSプロパティ |
説明 |
---|---|
background-color |
メイン表示の16進数形式の背景色。 |
cursor |
カーソルはメイン表示の上に表示されます。 |
例 — メイン表示を透明にするには、次のように記述します。
.s7basiczoomviewer .s7zoomview {
background-color: transparent;
}
デスクトップシステムでは、コンポーネントは.s7zoomview
クラスに適用できるcursortype
属性セレクターをサポートし、コンポーネントの状態とユーザー操作に基づいてカーソルタイプを制御します。 次のcursortype
値がサポートされています。
値 |
説明 |
---|---|
デフォルト |
画像解像度が低い、コンポーネントの設定、またはその両方が原因で画像がズーム可能でない場合に表示されます。 |
zoomin |
画像がズームイン可能な場合に表示されます。 |
リセット |
画像が最大ズームレベルに達し、初期状態にリセット可能な場合に表示されます。 |
ドラッグ |
ユーザーがズームイン状態の画像をパンした場合に表示されます。 |