ズームモード

通常FPEは用意して頂いた画像の縦横比を維持しつつ、画像サイズを表示枠内にフィットするように自動調整します。

※表示枠とはopenFPE関数で指定するwidth(幅)とheight(高さ)で指定する表示領域のことを指します。

commonセクションにzoom_modeパラメータを指定していただくことで全4種類の表示方法を選択できます。

ここではサイズの異なる5枚の画像を用いて具体的な例を紹介します。

5種類のサイズの異なる画像

オリジナルサイズモード(zoom_mode : 0)

zoom_mode:0

画像サイズの調整を一切行わないオリジナルサイズモードです。

表示枠より小さい画像及び大きい画像もそのままの状態で表示されます。
表示枠サイズと異なる画像の場合、左上に表示されます。
表示位置は後述するalign_mode(アラインモード)で指定可能です。

定義ファイル例

z001.jpg
./image_etc/z001.
z002.jpg
./image_etc/z002.
z003.jpg
./image_etc/z003.
z004.jpg
./image_etc/z004.
z005.jpg
./image_etc/z005.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>
    <image_max>5</image_max>
    <effect_type>3</effect_type>
    <effect_time>2</effect_time>
    <stop_time>20</stop_time>
    <zoom_mode>0</zoom_mode>
    <prefix>./image_etc/z</prefix>

</common>
</pagedata>

全表示モード

zoom_mode:1

画像の縦横比を維持しつつ表示枠内にフィットするように画像サイズを自動調整します。

表示枠より小さい画像は表示枠に合わせて拡大表示されます。
表示枠より大きい画像は表示枠に合わせて縮小表示されます。

表示枠と縦横比が異なる画像の場合左上に表示されます。

表示位置は後述するalign_mode(アラインモード)で指定可能です。
※表示枠の縦横比が画像の縦横比と同一の場合、表示位置の指定は意味が無くなります。

定義ファイル例

z001.jpg
./image_etc/z001.
z002.jpg
./image_etc/z002.
z003.jpg
./image_etc/z003.
z004.jpg
./image_etc/z004.
z005.jpg
./image_etc/z005.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>
    <image_max>5</image_max>
    <effect_type>3</effect_type>
    <effect_time>2</effect_time>
    <stop_time>20</stop_time>
    <zoom_mode>1</zoom_mode>
    <prefix>./image_etc/z</prefix>

</common>
</pagedata>

枠内表示モード

zoom_mode:2

画像の縦横比を維持しつつ表示枠より大きい画像のみを表示枠内にフィットするように画像サイズを自動調整します。

表示枠と縦横比が異なる画像や、表示枠より小さい画像の場合左上に表示されます。

表示位置は後述するalign_mode(アラインモード)で指定可能です。
※表示枠の縦横比が画像の縦横比と同一の場合、表示位置の指定は意味が無くなります。

定義ファイル例

z001.jpg
./image_etc/z001.
z002.jpg
./image_etc/z002.
z003.jpg
./image_etc/z003.
z004.jpg
./image_etc/z004.
z005.jpg
./image_etc/z005.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>
    <image_max>5</image_max>
    <effect_type>3</effect_type>
    <effect_time>2</effect_time>
    <stop_time>20</stop_time>
    <zoom_mode>2</zoom_mode>
    <prefix>./image_etc/z</prefix>

</common>
</pagedata>

フィットモード

zoom_mode:3

画像の縦横比を無視し表示枠内にフィットするように画像サイズを自動調整します。

表示枠より小さい画像及び大きい画像も全て表示枠の縦横比に合わせて表示されます。
表示枠内にフィットして画像が表示される為、後述するalign_mode(アラインモード)の指定は無効になります。

定義ファイル例

z001.jpg
./image_etc/z001.
z002.jpg
./image_etc/z002.
z003.jpg
./image_etc/z003.
z004.jpg
./image_etc/z004.
z005.jpg
./image_etc/z005.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>
    <image_max>5</image_max>
    <effect_type>3</effect_type>
    <effect_time>2</effect_time>
    <stop_time>20</stop_time>
    <zoom_mode>3</zoom_mode>
    <prefix>./image_etc/z</prefix>

</common>
</pagedata>