(57)【要約】【課題】複数の画像を一つのウィンドウで表示し、それぞれの画像の拡大・縮小・回転・移動などを単一の操作で同期させて行うことができる画像表示システムを提供すること。【解決手段】画像領域内の特定の領域のみを抽出してＷｅｂブラウザ上に表示する部分的領域抽出画像表示手段と、マウスのドラッグ等による基準座標の変化に伴い、前記抽出した画像を表示させる領域を基準座標の変化量だけ変更する部分的領域変更手段と、前記抽出表示された画像に対して拡大・縮小・回転等の画像操作が行われた場合に、表示している全ての画像領域に対し同じ操作を同期させて行う同期画像操作手段とを有し、これらの手段を前記Ｗｅｂブラウザが動作しているコンピュータ上の処理によって実現する。【選択図】　　図２
2004015163.tif 000002
【特許請求の範囲】
【請求項１】
Ｗｅｂブラウザ上において複数の画像を一画面に同時に表示・操作する画像表示システムであって、該システムは、
画像領域内の特定の領域のみを抽出してＷｅｂブラウザ上に表示する部分的領域抽出画像表示手段と、
マウスのドラッグ等による基準座標の変化に伴い、前記抽出した画像を表示させる領域を基準座標の変化量だけ変更する部分的領域変更手段と、
前記抽出表示された画像に対して拡大・縮小・回転等の画像操作が行われた場合に、表示している全ての画像領域に対し同じ操作を同期させて行う同期画像操作手段と、を有し、
これらの手段を前記Ｗｅｂブラウザが動作しているコンピュータ上の処理によって実現する画像表示システム。
【請求項２】
請求項１に記載の画像表示システムにおいて、前記Ｗｅｂブラウザが動作しているコンピュータを、部分的領域抽出画像表示手段、部分的領域変更手段及び同期画像操作手段として機能させるためのコンピュータプログラム。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明はコンピュータ上で動作するＩｎｔｅｒｎｅｔ　Ｅｘｐｌｏｒｅｒ、Ｎｅｔｓｃａｐｅ　Ｎａｖｉｇａｔｏｒ等のＷｅｂブラウザ（閲覧プログラム）において、複数の画像を一つのウィンドウで表示し、それぞれの画像の拡大・縮小・回転・移動などを単一の操作で同期させて行うことができる画像表示システムに関する。
【０００２】
【従来の技術】
従来の技術では、Ｗｅｂブラウザ上にＢＭＰ、ＪＰＥＧ、ＧＩＦなどの画像ファイルを一つのウィンドウに複数表示することができ、また、各々の画像については個別に、例えばマウスの右ボタンをクリックすることで拡大表示ができ、かつマウスでドラッグすることで拡大された画像を移動させることができた。
【０００３】
【発明が解決しようとする課題】
しかしながら、従来の技術ではＷｅｂブラウザ上に表示されている複数の画像ファイルをそれぞれ同時に操作することができない。このため、例えば二つの画像を比較閲覧する際、画像の一部分を拡大して比較する必要がある場合には、従来の技術ではそれぞれの画像を別個に拡大表示しなければならず、一つの操作で二つの画像を同期させながら同時に拡大部分を比較検討することができなかった。
【０００４】
さらに言えば、別個に拡大表示しなければならないとすると、正確な比較を行うためには両方の画像の拡大率を合わせる必要があり、これが面倒であった。
【０００５】
これを１回の拡大操作で、両画像を同じ拡大率で拡大することができれば便利である。
【０００６】
本発明は、上記のような事情によりなされたものであり、本発明の目的は、複数の画像を一つのウィンドウで表示し、それぞれの画像の拡大・縮小・回転・移動などを単一の操作で同期させて行うことができる画像表示システムを提供することにある。
【０００７】
【課題を解決するための手段】
本発明は、画像表示システムに関し、本発明の上記目的は、Ｗｅｂブラウザ上において複数の画像を一画面に同時に表示・操作する画像表示システムであって、該システムは、画像領域内の特定の領域のみを抽出してＷｅｂブラウザ上に表示する部分的領域抽出画像表示手段と、マウスのドラッグ等による基準座標の変化に伴い、前記抽出した画像を表示させる領域を基準座標の変化量だけ変更する部分的領域変更手段と、前記抽出表示された画像に対して拡大・縮小・回転等の画像操作が行われた場合に、表示している全ての画像領域に対し同じ操作を同期させて行う同期画像操作手段とを有し、これらの手段を前記Ｗｅｂブラウザが動作しているコンピュータ上の処理によって実現する画像表示システムによって達成される。
【０００８】
【発明の実施の形態】
以下、本発明の実施の形態について、図面を参照して説明する。
【０００９】
図１は本発明のシステム構成の一例を示しており、データ記憶媒体１１を有するＷｅｂサーバ１０がインターネット等のネットワーク３０を介してＷｅｂクライアント２０（通常はパーソナルコンピュータが使用される。以下、「パソコン」という。）と接続されており、パソコン２０にはＷｅｂブラウザ２１と、Ｗｅｂブラウザプラグイン２２がインストールされている。
【００１０】
ここに、Ｗｅｂブラウザ２１は、Ｗｅｂサーバ１０にデータを要求し、受け取ったデータをパソコン２０の画面に見やすく表示するソフトウェアであり、Ｗｅｂブラウザプラグイン２２は、前記Ｗｅｂブラウザ２１が持つ基本的な閲覧機能以外に付加的な機能を追加するための追加モジュールであり、Ｗｅｂサーバ１０（データ供給元）から処理プログラムを受信してプログラムの内容を解釈し、プログラムの内容に従って画面表示・ユーザーからの操作に対する処理等を行うものである（例えば、マイクロソフト社のＶＢＳｃｒｉｐｔ、サンマイクロシステムズ社のｊａｖａアプレット、マクロメディア社のＦｌａｓｈ　Ｐｌａｙｅｒなどがこれに該当する。）。
【００１１】
図２は本発明において、パソコン２０がＷｅｂサーバ１０から受け取るデータ
の内容を示した図であり、Ｗｅｂサーバ１０はパソコン２０からの要求に対し、画像データ４０ａ、４０ｂ及び制御コード４０ｃを含むＳＷＦファイル４０を記憶媒体１１から読み込み、ＨＴＭＬ文書ファイルに含めてパソコン２０に送信する。
【００１２】
制御コード４０ｃとは、後述の部分的領域抽出画像表示手段４０１、部分的領域変更手段４０２及び同期画像操作手段４０３を含む処理プログラム（ソフトウェア）のことである。なお、、ＳＷＦファイルとは米国マクロメディア社が開発したＷｅｂブラウザのプラグイン「Ｆｌａｓｈ　Ｐｌａｙｅｒ」が解釈できるファイル形式のバイナリファイルのことである。
【００１３】
次に、本発明に係る画像表示システムにおいて、二つの異なる画像（Ａ、Ｂ）から一部分を切り出して、それを一つの画面内に配置し、同期させて移動・拡大等を行うときの手順について、フローチャート（図３）を参照して説明する。
【００１４】
パソコン２０は、Ｗｅｂサーバ１０から前記ＨＴＭＬ文書ファイルをダウンロードし（ステップＳ１）、Ｗｅｂブラウザ２１が、前記ＨＴＭＬ文書を解読する（ステップＳ２）。前記ＨＴＭＬ文書の中にＳＷＦファイルからなるオブジェクトファイル（画像及び処理プログラム）が含まれている場合は（ステップＳ３のＹＥＳ）、該オブジェクトを読み込み（ステップＳ４）、適切なＷｅｂブラウザプラグイン２２を起動する（ステップＳ５）。実際には、Ｗｅｂブラウザ２１はＷｅｂサーバ１０から受け取ったＨＴＭＬファイルを解釈し、ＨＴＭＬファイルに「ＳＷＦファイルを読み込む」旨の記述があることを判断して、Ｗｅｂブラウザ２１に組み込まれているＦｌａｓｈ　Ｐｌａｙｅｒプラグインを起動する。
【００１５】
Ｆｌａｓｈ　Ｐｌａｙｅｒプラグインは起動後ＳＷＦファイルの制御コード４０ｃの内容にしたがって画像Ａ及びＢをＷｅｂブラウザ上に表示する（ステップＳ６）。
【００１６】
制御コード４０ｃの中にはマウスの移動、クリックなどＷｅｂブラウザ２１に対してマウス操作が行われた場合の処理も記述されており、Ｆｌａｓｈ　ＰｌａｙｅｒプラグインはＷｅｂブラウザ２１に対してマウス操作が行われた場合（マウスイベントの検出）は（ステップＳ７）、制御コード４０ｃに記述された内容にしたがってＷｅｂブラウザ２１に表示する画像の内容を変更（画像拡大・縮小など）する。
【００１７】
例えば、マウスをドラッグすること（ステップＳ８）により、部分的領域抽出画像表示手段４０１により部分領域抽出画像ペアを決定し（ステップＳ９）、さらには部分的領域変更手段４０２及び同期画像操作手段４０３により該画像ペアを一緒に移動させることができる（ステップＳ１０）。
【００１８】
部分的領域抽出画像表示手段４０１の機能を、図４を用いて説明すると、まず、ブラウザ画面領域のうち、画像Ａ（４０ａ）を表示する領域（図４の右側の画面の矩形部分４０ａ’）をマウスのドラッグにより設定する。この場合、指定した領域以外の箇所には画像Ａは表示されない。よって、指定領域より画像Ａのサイズのほうが大きければ、ブラウザ上には画像Ａが部分的に表示される。このとき、画像Ａを表示する際の表示座標系は任意に変更ができるため、画像Ａの任意の場所の部分的領域をブラウザ上に表示することができる。すなわち、画像Ａの中のワクで囲まれたエリアの位置を自由に移動させることができるため、画像Ａの任意の場所の部分的領域をブラウザ上に表示することができるのである。
【００１９】
同様に、ブラウザ画面領域のうち、画像Ｂ（４０ｂ）を表示する領域を設定する。これにより、同様にブラウザ上に画像Ｂの部分的な領域（４０ｂ’）を表示することができる。このようにして、部分的領域抽出画像ペアを決定する。
【００２０】
部分的領域変更手段４０２は、この状態で、マウスの操作により画像の移動・拡大などが要求された場合、例えば移動なら画像Ａの表示座標系を変更する。このとき、ブラウザ上の表示領域は変化しないが表示座標系が変化するため、ブラウザ上はあたかも画像Ａが移動したかのように見えるのである。
【００２１】
また、同期画像操作手段４０３とは、マウスの操作により画像の移動・拡大などが要求された場合、前述の画像Ａに対する処理を画像Ｂにも同時に行うことで、画像Ａと画像Ｂの双方の表示座標系を変化させるものである。このとき、ブラウザ上の画像Ａ，Ｂの表示領域は変化しないがそれぞれの表示座標系が同量の変化をするため、ブラウザ上はあたかも画像Ａ・Ｂが同じように移動・拡大したかのように見える。
【００２２】
こうして、部分的領域抽出画像ペアが決定され、表示されると、マウスの操作によって移動・拡大などが同期させながら行うことができる（ステップＳ１１）。
【００２３】
図５は、パソコン２０の画面に実際に表示された画像ペアを示したものであり、図中、５０ａは拡大ボタン、５０ｂは縮小ボタンであり、６０ａ〜６０ｄは回転ボタンである。マウスで各ボタンをクリックすることにより、所望の操作を同期させて行うことができる。さらに、画面の中の任意の所でマウスをドラッグさせると、画像ペア（４０ａ’及び４０ｂ’）は一緒に移動する。
【００２４】
なお、本構成例ではＷｅｂサーバ１０とパソコン２０は別の機械として記述しているが、同一マシンでも実施可能であることは言うまでもない。
【００２５】
【発明の効果】
以上のようにＷｅｂブラウザ上において複数の画像を同時に表示・操作することが可能なシステムによれば、複数の画像の比較調査作業が飛躍的に向上する。Ｗｅｂブラウザはクライアント／サーバー型のデータ管理において代表的かつ操作方法が幅広く知られている汎用プログラムであるため、Ｗｅｂブラウザ上で該システムが実現することは、例えば道路台帳維持管理システム（平面図と航空写真の同時表示、航空写真の経年比較）を安価でわかりやすく、かつデータ供給能力が高いものにすることを可能とする。
【図面の簡単な説明】
【図１】本発明に係る画像表示システムの構成図の一例である。
【図２】ＷｅｂサーバからＷｅｂクライアントに送信されるデータの内容を示す図である。
【図３】本発明に係る画像表示システムのフローチャートである。
【図４】部分的領域抽出画像表示手段の機能を説明するための図である。
【図５】実際に、Ｗｅｂクライアントの画面に表示される画像ペアの一例である。
【符号の説明】
１０　　Ｗｅｂサーバ
１１　　記憶媒体
２０　　パソコン（Ｗｅｂクライアント）
２１　　Ｗｅｂブラウザ
２２　　Ｗｅｂブラウザプラグイン
４０１　部分的領域抽出画像表示手段
４０２　部分的領域変更手段
４０３　同期画像操作手段
【図１】
2004015163.tif 000003
【図２】
2004015163.tif 000004
【図３】
2004015163.tif 000005
【図４】
2004015163.tif 000006
【図５】
2004015163.tif 000007