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