ズームビュー

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

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

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

.s7basiczoomviewer .s7zoomview

CSSプロパティ

説明

background-color

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

cursor

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

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

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

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

説明

デフォルト

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

zoomin

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

リセット

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

ドラッグ

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

このページ