アラインモード

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

FPEは枠内にフィットしない画像の表示位置を調整することができます。

ここでは枠内にフィットしない画像を2つ用意して、表示位置調整機能について御説明します。

表示位置を数値に置き換えたイメージ

7 左上

8

9 右上

4

5 中央

6

1 左下

2

3 右下

表示枠より小さい画像の位置調整

オリジナルサイズモード(zoom_mode:0)での例です。
表示枠240x180ドットに対して画像サイズは160x120ドットとなります。

表示枠より小さい画像は上の例の様に位置調整可能です。

定義ファイル例

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

    <copyright>elz.jp</copyright>
    <effect_type>3</effect_type>
    <effect_time>6</effect_time>
    <stop_time>20</stop_time>

    <zoom_mode>0</zoom_mode>

    <comment_x>10</comment_x>
    <comment_y>5</comment_y>
    <comment_width>60</comment_width>
    <comment_height>20</comment_height>
    <comment_bgcolor>0xffcc00</comment_bgcolor>

</common>

<expert>

<image>
    <image_url align_mode="1">image_etc/z002.jpg</image_url>
    <comment>No.1 左下</comment>
</image>

<image>
    <image_url align_mode="2">image_etc/z002.jpg</image_url>
    <comment>No.2 下</comment>
</image>

<image>
    <image_url align_mode="3">image_etc/z002.jpg</image_url>
    <comment>No.3 右下</comment>
</image>

<image>
    <image_url align_mode="4">image_etc/z002.jpg</image_url>
    <comment>No.4 左</comment>
</image>

<image>
    <image_url align_mode="5">image_etc/z002.jpg</image_url>
    <comment>No.5 中央</comment>
</image>

<image>
    <image_url align_mode="6">image_etc/z002.jpg</image_url>
    <comment>No.6 右</comment>
</image>

<image>
    <image_url align_mode="7">image_etc/z002.jpg</image_url>
    <comment>No.7 左上</comment>
</image>

<image>
    <image_url align_mode="8">image_etc/z002.jpg</image_url>
    <comment>No.8 上</comment>
</image>

<image>
    <image_url align_mode="9">image_etc/z002.jpg</image_url>
    <comment>No.9 右上</comment>
</image>

</expert>

</pagedata>

表示枠より大きい画像の位置調整

オリジナルサイズモード(zoom_mode:0)での例です。
表示枠240x180ドットに対して画像サイズは320x240ドットとなります。

表示枠より大きい画像も上の例の様に位置調整可能です。

定義ファイル例

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

    <copyright>elz.jp</copyright>
    <effect_type>3</effect_type>
    <effect_time>6</effect_time>
    <stop_time>20</stop_time>

    <zoom_mode>0</zoom_mode>

    <comment_x>10</comment_x>
    <comment_y>5</comment_y>
    <comment_width>60</comment_width>
    <comment_height>20</comment_height>
    <comment_bgcolor>0xffcc00</comment_bgcolor>

</common>

<expert>

<image>
    <image_url align_mode="1">image_etc/z003.jpg</image_url>
    <comment>No.1 左下</comment>
</image>

<image>
    <image_url align_mode="2">image_etc/z003.jpg</image_url>
    <comment>No.2 下</comment>
</image>

<image>
    <image_url align_mode="3">image_etc/z003.jpg</image_url>
    <comment>No.3 右下</comment>
</image>

<image>
    <image_url align_mode="4">image_etc/z003.jpg</image_url>
    <comment>No.4 左</comment>
</image>

<image>
    <image_url align_mode="5">image_etc/z003.jpg</image_url>
    <comment>No.5 中央</comment>
</image>

<image>
    <image_url align_mode="6">image_etc/z003.jpg</image_url>
    <comment>No.6 右</comment>
</image>

<image>
    <image_url align_mode="7">image_etc/z003.jpg</image_url>
    <comment>No.7 左上</comment>
</image>

<image>
    <image_url align_mode="8">image_etc/z003.jpg</image_url>
    <comment>No.8 上</comment>
</image>

<image>
    <image_url align_mode="9">image_etc/z003.jpg</image_url>
    <comment>No.9 右上</comment>
</image>

</expert>

</pagedata>