ズーム表示

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

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

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

.s7basiczoomviewer .s7zoomview

CSS プロパティ

説明

background-color

メインビューの 16 進数形式の背景色。

カーソル

カーソルがメインビューの上に表示されます。

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

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

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

説明

デフォルト

画像の解像度が小さい、またはコンポーネントの設定、あるいはその両方の理由で画像がズームできない場合に表示されます。

zoomin

画像がズームイン可能な場合に表示されます。

リセット

画像が最大ズームレベルで、初期状態にリセットできる場合に表示されます。

ドラッグ

ユーザーがズームイン状態の画像をパンしたときに表示されます。

このページ