JPH08138027A - 画像表示生成装置 - Google Patents

Abstract

(57)【要約】 【目的】複数の画像データをある領域に表示するシステ
ムにおいて，自由な大きさの画像データにおける表示の
困難性，表示画像データと余白のアンバランスという欠
点を解決し，画像表示領域内に自由な大きさの複数の画
像データを効率良く配置して表示することを目的とす
る。 【構成】画像ファイルを蓄積する手段１０１と，表示領
域における諸条件を蓄積する手段１０３と，予め蓄積さ
れている画像配置判定基準から画像構成配置を判定する
手段１０５と，予め蓄積されている最適配置計算方法か
ら画像最適配置を計算する手段１０７と，その計算結果
から画像を構成する手段１０８と，構成した画像を表示
する手段１０９とを設ける。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は，複数の画像データをあ
る領域に表示するシステムにおいて，画像表示領域内に
自由な大きさの複数の画像データを効率良く配置して表
示することを可能にした画像表示生成装置に関するもの
である。

【０００２】

【従来の技術】従来のコンピュータシステムにおいて，
複数の画像データをある領域に表示する場合，予め画像
データの大きさに制限を加え，かつ，予め領域内の指定
した位置である決まった数の画像データの表示を行う技
術を用いる。

【０００３】例えば，商品の外観に関する複数の画像デ
ータを表示するようなコンピュータシステムにおいて
は，全て同一の大きさの画像データを用いるとともに，
表示画像領域をある数に分割し，その分割された各領域
の指定位置に対して前記画像データを配置して表示する
技術を用いている。

【０００４】

【発明が解決しようとする課題】しかし，複数の画像デ
ータをある領域に表示するシステムにおいて，従来の技
術を用いると，予め画像データの大きさに制限を与える
ため，領域内で表示可能な範囲内において自由な大きさ
の画像データを表示しようとした場合，画像データを表
示できない場合が生じたり，制限範囲内で表示するため
に予め画像データを縮小する場合が生じ，画像データの
持つ情報が損なわれる場合がある。

【０００５】また，予め領域内の指定した位置である決
まった数の画像データを表示するため，画像データの大
きさが小さい場合，領域内に表示する画像データとその
周辺の余白とがアンバランスになる場合もある。

【０００６】本発明の目的は，前記自由な大きさの画像
データにおける表示の困難性，表示画像データと余白の
アンバランスという欠点を解決するため，１画像データ
毎の画像の大きさから残表示可能領域を計算し，領域内
に表示可能な画像データが決定した後，画像領域以外の
余白となる領域を最適配分し表示する手段を提供するこ
とにある。

【０００７】

【課題を解決するための手段】上記目的を達成するため
に，本発明では，複数の画像データをある領域に表示す
るシステムにおいて，画像ファイルを蓄積する手段と，
表示領域における諸条件を蓄積する手段と，予め蓄積さ
れている画像配置判定基準から画像構成配置を判定する
手段と，予め蓄積されている最適配置計算方法から画像
最適配置を計算する手段と，前記計算結果から画像を構
成する手段と，前記構成した画像を表示する手段とを備
える。

【０００８】

【作用】これにより，本発明の目的である自由な大きさ
の画像データにおける表示の困難性，表示画像データと
余白のアンバランスという欠点を解決し，画像データ毎
の画像の大きさから残表示可能領域を計算し，領域内に
表示可能な画像データが決定した後，画像領域以外の余
白となる領域を最適配分し，表示することができる。

【０００９】

【実施例】以下，本発明の一実施例について，図を用い
て説明する。なお，実施例を説明する全図において，同
一要素のものは同一符号を付け，その繰り返しの説明を
省略する。

【００１０】図１は，本発明による一実施例の構成を示
す図である。図中，１０１は画像ファイルを蓄積した画
像ファイル蓄積部，１０２は画像ファイル蓄積部１０１
に蓄積されている画像ファイルを取得する画像ファイル
取得部，１０３は複数の画像データを表示するための領
域に関する諸条件を蓄積した表示領域条件蓄積部，１０
４は表示領域条件蓄積部１０３に蓄積されている領域に
関する画像データ配置のための判定基準を蓄積した判定
基準蓄積部，１０５は判定基準蓄積部１０４に蓄積され
ている判定基準に基づき画像ファイル取得部１０２で取
得した複数の画像データの構成，配置に関する判定を行
う画像構成配置判定部，１０６は表示領域条件蓄積部１
０３に蓄積されている領域に関する画像最適配置のため
の計算方法を蓄積した計算方法蓄積部，１０７は計算方
法蓄積部１０６に蓄積されている計算方法に基づき画像
構成配置判定部１０５で判定した複数の画像データ配置
の最適化計算を行う画像最適配置計算部，１０８は画像
最適配置計算部１０７で計算した複数の画像データの最
適配置の結果から表示領域内の画像を構成する画像構成
部，１０９は画像構成部１０８で構成した領域内画像を
表示する画像表示部である。

【００１１】図２は，画像ファイル取得部１０２が画像
ファイル蓄積部１０１から取得した画像ファイルに格納
されている複数の画像データの画像データ順序番号と画
像データの対応関係の一例を示す図である。

【００１２】図３は，判定基準蓄積部１０４に蓄積され
ている判定のための変数名と変数名称の対応関係の一例
を示す図である。図４は，図３の各変数名を図示化した
ものである。

【００１３】図５は，判定基準蓄積部１０４に蓄積され
ている判定のためのアルゴリズムの一例を示す図であ
る。図６は，画像構成配置判定部１０５において図２の
画像ファイルについて図５のアルゴリズムにより画像デ
ータの構成配置を判定した場合の判定結果を図示化した
ものである。

【００１４】図７は，計算方法蓄積部１０６に蓄積され
ている計算のための変数名と変数名称の対応関係の一例
を示す図である。図８は，計算方法蓄積部１０６に蓄積
されている計算のためのアルゴリズムの一例を示す図で
ある。

【００１５】図９は，図５のアルゴリズムにより画像構
成配置判定部１０５で画像データの構成配置を判定した
場合の図６の判定結果について，図８のアルゴリズムに
より画像最適配置計算部１０７において画像データの最
適配置を計算した結果のうち，同一列の画像データの余
白を最適化した途中段階における計算結果を図示化した
ものである。

【００１６】図１０は，図５のアルゴリズムにより画像
構成配置判定部１０５で画像データの構成配置を判定し
た場合の図６の判定結果について，図８のアルゴリズム
により画像最適配置計算部１０７において画像データの
最適配置を計算した結果を図示化したものである。

【００１７】図１１は，画像構成部１０８で構成した領
域内画像を画像表示部１０９で表示した一例を示す図で
ある。次に図１に示す実施例の動作を説明する。

【００１８】画像ファイル蓄積部１０１は，複数の画像
データを持った複数の画像ファイルを蓄積しており，画
像ファイル取得部１０２に画像ファイルを送出する。こ
こでいう画像データは，画像自体の大きさが特定できる
ものであれば，テキストデータや静止画のようなグラフ
ィックデータ，動画のいずれでも良く，また，それらの
組み合わせでも良い。なお，動画については，動画のフ
レームの大きさを画像の大きさとして特定するものと
し，そのフレーム内で動画が表示されるものとする。

【００１９】画像ファイル取得部１０２は，画像ファイ
ル蓄積部１０１に蓄積されている複数の画像ファイルの
うちの１つを取得し，その画像ファイル中の複数の画像
データを，ファイル内に示されている順序に従って画像
構成配置判定部１０５に送出する。

【００２０】以降，画像ファイル取得部１０２が画像フ
ァイル蓄積部１０１より図２に示す画像ファイルを取得
し，画像構成配置判定部１０５に送出する例について説
明する。

【００２１】表示領域条件蓄積部１０３は，図３に示す
表示領域横方向長Ｘ，表示領域縦方向長Ｙの矩形の表示
領域および画像データ余白長ｄを含む表示領域に関する
諸条件を蓄積し，判定基準蓄積部１０４および計算方法
蓄積部１０６に送出する。

【００２２】判定基準蓄積部１０４は，表示領域条件蓄
積部１０３からの表示領域横方向長Ｘ，表示領域縦方向
長Ｙにより図４に示す座標軸ｘ，ｙをとり，予め蓄積し
てある図５に示すアルゴリズムに対して前記表示領域横
方向長Ｘ，表示領域縦方向長Ｙおよび画像データ余白長
ｄの値を反映するとともに，画像構成配置判定部１０５
に送出するソフトウェアおよび記憶装置などのハードウ
ェアからなる手段である。判定基準蓄積部１０４に蓄積
される判定基準は，本実施例では図５に示すアルゴリズ
ムを実行するプログラムであるが，所定の判定処理手続
きを指定するためのデータであってもよい。

【００２３】画像構成配置判定部１０５は，図５のアル
ゴリズムに基づき図２に示す画像データ順序番号に従っ
て画像データを読み込み，画像データを構成，配置の判
定を行うとともに，図７に示す表示領域内画像データ数
Ｎを含む判定結果を画像最適配置計算部１０７に送出す
る。

【００２４】図５に示すアルゴリズムによる構成，配置
の判定方法は，図２に示す画像データ順序番号のうち，
ｐ番目から表示を行う場合，まず初期値として画像デー
タＩＤ番号ｉを１に，画像表示開始横方向座標ｘ_si，画
像表示開始縦方向座標ｙ_siおよび画像表示終了横方向座
標ｘ_ei，画像表示終了縦方向座標ｙ_eiを０に設定する。

【００２５】その後，画像データがあれば，ｐ番目の画
像データを読み込み，その画像データの横方向長ｌ_xi，
縦方向長ｌ_yiおよび画像データ余白長ｄから画像データ
ＩＤ番号ｉの画像データの大きさを横方向長ｌ_xi＋２ｄ
および縦方向長ｌ_yi＋２ｄを設定し，ｌ_xi＋２ｄ≦Ｘ−
ｘ_si，すなわち，ｘ_siの位置から右側の残表示領域に表
示可能かどうかを判定する。表示可能であれば，引続き
ｌ_yi＋２ｄ≦Ｙ−ｙ_si，すなわち，ｙ_siの位置から下側
の残表示領域に表示可能かどうかを判定し，表示可能な
場合には，表示領域としてｘ_eiおよびｙ_eiを計算すると
ともに，次の画像データの画像表示開始横方向座標ｘ
_si+1，画像表示開始縦方向座標ｙ_si+1を計算し，その後
ｉを１増加させ，次の画像データを読み込む。

【００２６】上記の判定で，ｌ_yi＋２ｄ＞Ｙ−ｙ_si，す
なわち，ｙ_siの位置から下側の残表示領域に表示不可能
な場合には，処理を終了する。一方，ｌ_xi＋２ｄ＞Ｘ−
ｘ_si，すなわち，ｘ_siの位置から右側の残表示領域に表
示不可能な場合には，ｘ_siおよびｘ_eiを０に，ｙ_siを今
まで読み込んだ画像データのｙ_eiの最大値（＝ｍａｘ
（ｙ_e1，ｙ_e2，…，ｙ_ei）；ｍａｘ（ ）は括弧内の複
数の数値の中の最大値を表す演算子）に設定することに
より，今まで画像データの下の左端から改めてｌ_xi＋２
ｄ≦Ｘ−ｘ_si，ｌ_yi＋２ｄ≦Ｙ−ｙ_siかどうかを判定
し，表示可能な場合には表示領域を計算するとともに，
次の画像データの画像表示開始座標を計算することで残
表示領域を与える処理を繰り返す。

【００２７】前記の処理を画像データがなくなるか，表
示領域内に表示できなくなるまで繰り返す。以上によ
り，図６のような画像構成配置の判定処理を行う。な
お，図６に示す「ＩＤ：ｉ」は画像データＩＤ番号ｉ，
実線で囲まれる閉領域は画像データを表示する領域，実
線と点線との間の領域は各画像データの余白ｄを表して
いる。

【００２８】また，図２の画像データの表示順序は，必
ずしもファイルの先頭からというわけではなく任意で良
い。さらに，画像データは矩形を前提としているが，任
意の形から横方向長および縦方向長の最大値を予め求
め，それらの値による矩形とみなせば，任意の形におい
ても前記アルゴリズムは対応できる。

【００２９】計算方法蓄積部１０６は，表示領域条件蓄
積部１０３からの表示領域横方向長Ｘ，表示領域縦方向
長Ｙにより図４に示すような座標軸をとり，予め蓄積し
てある図８に示すアルゴリズムに対して前記表示領域横
方向長Ｘおよび表示領域縦方向長Ｙの値を反映するとと
もに，画像最適配置計算部１０７に送出するソフトウェ
アおよび記憶装置などのハードウェアからなる手段であ
る。計算方法蓄積部１０６に蓄積される計算方法は，本
実施例では図８に示すアルゴリズムを実行するプログラ
ムであるが，プログラム自体ではなく所定の計算処理手
続きを指定するためのデータであってもよい。

【００３０】画像最適配置計算部１０７は，図８のアル
ゴリズムに従い，画像構成配置判定部１０５からの図７
に示す表示領域内画像データ数Ｎを含む判定結果を読み
込み，画像データの表示されない余白の領域を計算し，
画像データの配置の最適化を行うとともに，最適化した
画像を画像構成部１０８に送出する。

【００３１】図８に示すアルゴリズムによる最適配置の
計算方法は，初期値として画像データＩＤ番号ｉを２
に，ｊを１に，画像データ列数ｍを１に，同一列画像デ
ータ数ｎを１に設定し，ｙ_si＝ｙ_si-1の場合はｙ_siとｙ
_si-1は同一列の画像データであるから，画像データ横方
向座標最大値ｘ_max にｘ_eiとｘ_ei-1のうちの大きい方の
値（＝ｍａｘ（ｘ_ei，ｘ_ei-1））を，画像データ縦方向
座標最大値ｙ_max にｙ_eiとｙ_ei-1のうちの大きい方の値
（＝ｍａｘ（ｙ_ei，ｙ_ei-1））を設定し，ｎおよびｉを
それぞれ１増加させ，次の画像データについて同様に計
算する。

【００３２】ｙ_si≠ｙ_si-1の場合には，ｙ_siとｙ_si-1と
は同一列の画像データではないから，画像データ列数ｍ
を１増加させ，ｎが１の場合にはｘ_max にｘ_eiを，ｙ
_max にｙ_eiを設定し，ｊ＜ｉの場合には同一列の画像デ
ータなので横方向座標シフト量δｘを（Ｘ−ｘ_max ）／
ｎ，すなわち，同一列横方向の余白を分配するように設
定し，縦方向座標シフト量δｙを（ｙ_max −ｙ_ei）／
２，すなわち，同一列の縦方向最大画像データの縦方向
中心線に各画像データの縦方向中心線が重なるように設
定し，シフト量算出係数Ａを予め与えた定数（例えば
０．５と１．０など）としてｘ_sjにＡδｘを，ｙ_sjにδ
ｙを，ｘ_eiにＡδｘを，ｙ_eiにδｙをそれぞれ加算する
ことにより，同一列内の画像データの座標を最適化し，
ｎを１にし，ｉを１増加させて，以降の画像データにつ
いて同様に計算する。

【００３３】図６の画像構成配置において前記アルゴリ
ズムを行うと，図９に示す最適配置の途中段階の画像が
得られる。これをｉ≦Ｎの間繰り返すとともに，繰り返
し終了後全ての画像データに対して，さらにｍによりδ
ｙを（Ｙ−ｙ_max ）／ｍ，すなわち，列方向の余白を分
配するように設定し，ｙ_skおよびｙ_ekにそれぞれＡδｙ
を加算することにより領域内の全ての画像データの座標
を最適化する。

【００３４】図９の最適配置の途中段階の画像において
前記アルゴリズムを行うと，図１０に示す最終的な最適
配置の画像が得られる。画像構成部１０８は，画像最適
配置計算部１０７からの最適化された画像を受け，図１
１に示す画像を構成し，画像表示部１０９に送出する。

【００３５】画像表示部１０９は，画像構成部１０８で
構成した図１１に示す画像をディスプレイなどに表示す
る。もちろん，本発明は上記実施例に限るわけではな
い。例えば，図５および図８に示すアルゴリズムでは，
表示領域の左上から右方向に配置することを前提として
いるが，アルゴリズム中のｘとｙを入れ替えれば，左上
から下方向に配置することもできるし，適当な演算を行
えば，右下から左方向に配置することもできる。

【００３６】また，図７および図８に示すシフト量算出
係数Ａの値を０．５および１．０としたが，表示領域内
でシフトできる範囲であれば任意で良い。特に，本実施
例では，画像構成配置判定部１０５および画像最適配置
計算部１０７のメインとなる処理制御部分と，判定基準
蓄積部１０４および計算方法蓄積部１０５とを分離し，
また表示領域条件蓄積部１０３を別に持つことにより，
判定基準蓄積部１０４の判定基準または計算方法蓄積部
１０６の計算方法に関する処理手続き等を簡単に交換可
能に構成している。したがって，ユーザカスタマイズや
アプリケーションに応じた最適配置の設計／選択を簡単
に行うことができるようになっている。例えば，予めい
くつかの判定基準または計算方法に応じた処理手続きを
システムとして複数用意しておき，それを画像構成配置
判定部１０５または画像最適配置計算部１０７が表示要
求時の指定に応じて選択的に呼び出して実行するように
してもよい。また，一律な判定基準および最適配置計算
方法でよい場合には，図１に示す判定基準蓄積部１０４
および計算方法蓄積部１０６を別に設けるのではなく，
それぞれ画像構成配置判定部１０５および画像最適配置
計算部１０７内に事前に組み込んでおくことも考えられ
る。

【００３７】

【発明の効果】以上説明したように，本発明によれば，
複数の画像データをある領域に表示するシステムにおい
て，自由な大きさの画像データにおける表示の困難性，
表示画像データと余白のアンバランスという欠点を解決
し，画像表示領域内に自由な大きさの複数の画像データ
を最適な配置でバランスよく表示することができるよう
になる。

【図面の簡単な説明】

【図１】本発明による一実施例の構成を示す図である。

【図２】画像データ順序番号と画像データの対応関係の
一例を示す図である。

【図３】判定のための変数名と変数名称の対応関係の一
例を示す図である。

【図４】図３の各変数名を図示化した一例を示す図であ
る。

【図５】判定のためのアルゴリズムの一例を示す図であ
る。

【図６】図２の画像ファイルについて図５のアルゴリズ
ムを用いて判定した場合の判定結果を図示化した一例を
示す図である。

【図７】最適配置計算のための変数名と変数名称の対応
関係の一例を示す図である。

【図８】最適配置計算のためのアルゴリズムの一例を示
す図である。

【図９】図６の判定結果を図８のアルゴリズムを用いて
最適化した途中段階における計算結果を図示化した一例
を示す図である。

【図１０】図６の判定結果を図８のアルゴリズムを用い
て最適配置を計算した結果を図示化した一例を示す図で
ある。

【図１１】領域内画像を表示した一例を示す図である。

【符号の説明】

１０１ 画像ファイル蓄積部 １０２ 画像ファイル取得部 １０３ 表示領域条件蓄積部 １０４ 判定基準蓄積部 １０５ 画像構成配置判定部 １０６ 計算方法蓄積部 １０７ 画像最適配置計算部 １０８ 画像構成部 １０９ 画像表示部

───────────────────────────────────────────────────── フロントページの続き (72)発明者 浜田 洋 東京都千代田区内幸町１丁目１番６号 日 本電信電話株式会社内

Claims (1)

【特許請求の範囲】
1. 【請求項１】 複数の画像データをある領域に表示する
   システムにおける画像表示生成装置において，表示対象
   となる画像データを記憶する画像ファイルを蓄積する手
   段と，表示領域のサイズ情報を含む画像表示領域に関す
   る条件を蓄積する手段と，予め蓄積されている画像配置
   判定基準に基づいて画像構成配置を判定する手段と，予
   め蓄積されている最適配置計算方法に関する情報または
   その処理手続きに基づいて前記表示領域内における画像
   の配置を計算する手段と，前記計算結果から画像を構成
   する手段と，前記構成した画像を表示する手段とを具備
   することを特徴とする画像表示生成装置。