サンプル

画像フレームの作成

左側メニューから選択し、キャンバス上に配置して画像フレームを作成します。

1. 左側メニューで画像フレームを選択する。
2. 選択した画像フレームをキャンバス上にドラッグして配置する。
3. 必要に応じてサイズや位置を調整する。

画像のアップロード

作成したフレームに表示する画像をアップロードして反映させます。

1. メニューのファイルをアップロードを展開する。
2. アップロードファイルを選択をクリックし、表示させたい画像ファイルを選ぶ。
3. 更新をクリックして画像をフレームに表示する。

画像フレームを複製して配置する

作成済みの画像フレームを複製して、キャンバスの右側に配置する手順を説明します。

1. 画像フレーム上で右クリックする。
2. 表示されるメニューから複製を選択する。
3. 複製されたフレームをキャンバスの右側に配置する。

表示モードを変更して更新する

複製したフレームの表示設定を変更し、変更を反映させる手順を説明します。

1. 複製した画像フレームを選択する。
2. プロパティパネルを開く（または表示する）。
3. 表示モードをMAXに設定する。
4. 更新をクリックして設定を反映させる。

画像フレームのリサイズ（FITモード）

最初の画像フレームを選択して枠を調整する操作について説明します。FITモードでは画像全体が枠内に収まるように表示されます。

1. 最初の画像フレームを選択する。
2. 枠をドラッグしてサイズを変更する。
3. 画像は枠に合わせてフィットし、画像全体が表示される（切り抜きは発生しない）。

画像フレームのリサイズ（MAXモード）

2番目の画像フレームを選択して枠を調整する操作について説明します。MAXモードでは枠を優先して画像が拡大表示され、必要に応じて一部が切り取られます。

1. 2番目の画像フレームを選択する。
2. 枠をドラッグしてサイズを変更する。
3. 画像はMAXモードで表示され、枠に合わせてトリミングされる（枠外の部分は表示されない）。

FITとMAXの違い

FITとMAXの表示挙動を簡潔にまとめます。用途に応じて使い分けてください。

• FIT: 画像全体を枠内に収める表示。縦横比を維持して縮小・拡大し、切り抜きは行われない。
• MAX: 枠をできるだけ埋める表示。縦横比を維持して拡大され、枠外の領域がトリミングされる。