ズームビュー zoom-view

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

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

表示領域の外観は、次の CSS クラスセレクターで制御します。

.s7basiczoomviewer .s7zoomview
CSS プロパティ
説明
の背景色の
メインビューの 16 進数形式の背景色。
cursor
カーソルがメイン ビューの上に表示されます。

例 – メインビューを透明にする。

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

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

説明
default
画像の解像度、コンポーネント設定、またはその両方が小さいために画像をズームできない場合に表示されます。
zoomin
画像をズームインできる場合に表示されます。
reset
画像が最大ズームレベルにあり、初期状態にリセットできる場合に表示されます。
ドラッグ
ズームイン状態の画像をユーザーがパンすると表示されます。
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8