メインビューア領域

メインビュー領域は、ズーム画像とスウォッチが表示される領域です。 通常、サイズが指定されていない場合は、使用可能なデバイス画面に合わせてが設定されます。

埋め込みモードで作業する場合(メインビューア領域に明示的なサイズを指定した場合)、ビューアは、単一の画像で作業しているスウォッチコンポーネントの高さだけメイン領域の高さを自動的に小さくするので、スウォッチは不要です。

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

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

.s7zoomviewer

CSSプロパティ

説明

width

ビューアの幅。

height

ビューアの高さ。

background-color

16進数形式の背景色。

例 — 白の背景(#FFFFFF)のビューアを設定し、サイズを512 x 288ピクセルにするには、次のように記述します。

.s7zoomviewer { 
 background-color: #FFFFFF; 
 width: 512px; 
 height: 288px;  
}

このページ