JPH056255A

JPH056255A - 画像表示方法及び装置

Info

Publication number: JPH056255A
Application number: JP3156498A
Authority: JP
Inventors: Keiji Obara; 啓二小原
Original assignee: Canon Inc
Current assignee: Canon Inc
Priority date: 1991-06-27
Filing date: 1991-06-27
Publication date: 1993-01-14

Abstract

(57)【要約】【目的】エディタ・ワードプロセサ等による編集作業
中、オペレータが操作している箇所のみならず、その周
辺も常に表示する。【構成】表示可能な画面５０１に対して表示しなけれ
ばならない画面は画面４０１の大きさである。この場
合、画面５０１には画面４０１の一部分だけを表示する
事になる。このとき、現在処理対象である事を示すカー
ソルは必ず画面５０１の中央付近に位置する様、表示す
る領域を選ぶ。即ち、画面４０１の上を、カーソルの動
きと共に画面５０１が移動する様にして表示を行う。も
し画面４０１からはみ出したなら、はみ出した部分は明
らかに他の部分と区別できる様に表示しておく。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、例えばコンピユータや
ワードプロセサなどのように出力装置としてデイスプレ
イを備えた機器に関する。

【０００２】

【従来の技術】最近、コンピユータやワードプロセサに
おいては性能の向上に伴って表示すべき情報量が増大し
てきたため、それらの機器に備えられたディスプレイの
画面（実画面）の大きさでは表示したい画像すべてを表
示しきれない場合がある。そのため、表示しようとする
画像を論理的な画面として想定し（論理画面）、実画面
ではその一部分を表示し、表示する範囲を論理画面上に
任意に設定できるようにして、論理画面全体を表示でき
るようにした手法が常識となつてきた。

【０００３】例えばワードプロセサの場合、Ａ４用紙１
ページ分を１画面に表示できれば問題ないが、低価格の
小型デイスプレイではそれだけの表示容量がない。図３
を参照して説明すると、Ａ４用紙１ページ分を表示する
ためには図３（ａ）内の画面２０１の大きさが要求され
るとすれば、実際のディスプレイ画面では図３（ｂ）の
画面２０２程度の大きさしか表示できない。

【０００４】そこで、図３（ａ）の画面２０１をＡ４用
紙１ページを１度に表示できる論理的な画面（論理画
面）として想定し、そのうち画面２０２の表示容量分だ
け実際の画面（実画面）として表示する。図３（ｃ）で
いえば論理画面２０１に対し、点線枠で囲まれた実画面
２０２が実際に表示される部分である。こうすれば、論
理画面上の実画面で表示されている部分については、現
在の操作位置（カーソル）を移動することで処理を施す
ことができる。

【０００５】問題は、実画面に表示されていない論理画
面上の点のデータ処理である。このためにいろいろな手
法が実用化されているが、一般的な手法として次のよう
なものがある。

【０００６】ワードプロセサで文章入力を行なう場合、
最初は、論理画面２０１と実画面２０２が前述の図３
（ｃ）のような状態であり、カーソルが同図の位置３０
１にあるとする（以後、３０１〜３０７は論理画面上で
の位置を示す）。１文字入力するごとにカーソルは右方
向に１文字分ずつ移動する。こうして実画面の右端にあ
たる位置３０２までカーソルが移動してくると、次の１
文字の入力で図３（ｄ）のように論理画面２０１上で実
画面２０２が１文字分右側に移動して、カーソルも論理
画面２０１上の位置３０３に１文字分移動する。以後１
文字入力するたびに、実画面及びカーソルは論理画面に
対して右側に１文字分づつ移動し、その行の最終まで移
動して、図３（ｅ）の様に論理画面２０１の右辺と実画
面２０２の右辺とが重なった状態となる。このとき、カ
ーソルは位置３０４にある。

【０００７】以上で第１行目の入力が終る。次の１文字
から第２行目に移るのであるが、その時は図３（ｃ）の
状態に戻り、カーソルは位置３０５に移動する。

【０００８】このように次々と文字の入力を繰り返し、
図３（ｅ）の状態でカーソルが位置３０６に来ると、次
の１文字の入力で実画面２０２は図３（ｆ）に示すよう
に論理画面２０１の左端にくると同時に、１行分下に移
動する。このときカーソル配置３０７に移動する。

【０００９】以上のように、カーソルの動きに合わせ
て、実画面が論理画面上を移動することにより、論理画
面上の任意の位置を表示してデータ処理が行えるのであ
る。

【００１０】

【発明が解決しようとしている課題】しかしながら上記
例のような従来方式だと、カーソルが実画面のふちま
で、あるいはその近くまで行ってしまうことが多い。そ
のような場合、カーソル付近の情報が部分的にしか表示
されなくなつてしまう。ワードプロセサやパーソナルコ
ンピュータ等のエデイタで文書の入力作業や編集作業を
する場合、カーソル付近の情報を参照しながら入力や編
集を行うため、それらの情報が隠れてしまうと作業がや
りにくくなつてしまう。

【００１１】本発明は上記従来例に鑑みてなされたもの
で、操作者が注目している部分とその周辺画像を常に表
示することで作業の効率を上げる事ができる画像表示方
法を提供する事を目的とする。

【００１２】

【課題を解決するための手段】上記目的を達成するため
に本発明の画像表示方法及び装置は次のような構成から
なる。

【００１３】画像データ領域中の所望の点を中心にして
表示するデータ領域を決定する決定行程と、前記決定行
程で決定された領域のうち画像データ領域からはみ出し
ている領域を判定する判定行程と、前記判定行程ではみ
出していると判定された領域とそうで無い領域とを区別
して表示する表示行程とを備える。

【００１４】また、画像データ領域中の所望の点を中心
にして表示するデータ領域を決定する決定手段と、前記
決定手段で決定された領域のうち画像データ領域からは
み出している領域を判定する判定手段と、前記判定手段
ではみ出していると判定された領域とそうで無い領域と
を区別して表示する表示手段とを備える。

【００１５】

【作用】上記構成により、画像データから所望の点を中
心にして表示画像を構成し、表示画像中にあって画像デ
ータの外側の部分は明らかに区別して表示する。

【００１６】

【実施例】以下、図面を参照しながら本発明の実施例で
あるワードプロセサの説明をする。

【００１７】＜構成＞第１図は本実施例のワードプロセ
サ装置の構成を表す図である。１０２は装置の本体であ
り、キーボード１０１から入力されたデータをメモリ１
０５に格納し、それを処理して再びメモリ１０５に格納
する。メモリ１０５にはデータの格納のみならず、デー
タを処理するための、あるいは装置を制御するためのプ
ログラムが格納される。ＣＰＵ１０４はメモリ１０５内
のプログラムに従って装置の制御やデータの加工などを
行い、キーボード１０１からの入力やディスプレイ１０
３・プリンタ１０６への出力等をつかさどる。

【００１８】このような構成のワードプロセサ装置にお
いて、ディスプレイ１０３では編集中の文書１ページ分
が表示し切れない場合の処理を説明する。

【００１９】＜表示の仕方＞図２は論理画面２０１上で
注目している位置、即ちここではカーソルが論理画面２
０１上のどこに存在しようとも、必ず実画面２０２の中
心なるようにした場合のさまざまなケースを図示したも
のである。見て分かるとおり、図２（ａ）〜（ｈ）では
いずれも実画面２０２の中央にカーソル２０３が位置し
ている。また、図２（ａ）や（ｂ）等のように論理画面
の枠の外側が実画面上に表示される場合には、その枠線
を表示したり論理画面より外のエリアの色を変えたりし
て区別すれば、実画面が論理画面のどのあたりを表示し
ているかがよくわかる。

【００２０】詳しい説明のために、本実施例のワードプ
ロセサは１ページあたり３０（文字）×４０（行）の文
書を編集するものとし、その１ページに対応した論理画
面上の任意の位置をＸＹ座標で表現することにする。即
ち、図４の一つ一つの升目４０２の位置を、Ｘ軸４０３
とＹ軸４０４とにふった目盛りで表すと、となるような［Ｘ，Ｙ］で定義する。この時、論理画面
４０１内の座標は［Ｘ，Ｙ；１≦Ｘ≦３０，１≦Ｙ≦４
０］であり、座標［Ｘ，Ｙ；Ｘ＜０またはＸ＞３０，Ｙ
＜０またはＹ＞４０］は論理画面外を表わすことにな
る。

【００２１】同様にして図５の様に、このワードプロセ
サの実画面（表示画面）５０１を２０×２０の大きさと
し、画面上の文字の位置５０２をｘ軸５０３とｙ軸５０
４とによる座標（ｘ，ｙ）で表す。但し、実画面では画
面の枠外は考えない。すなわち、ｘ，ｙは必ず（ｘ，
ｙ；１≦ｘ≦２０，１≦ｙ≦２０）という値を取る。

【００２２】以上の構成において、従来例だと実画面上
のカーソル位置はその時の状態において変化するため、
論理画面上の特定の位置にカーソルが固定されていて
も、実画面上でのカーソル位置は特定されない。よつ
て、実画面上にカーソル表示するために、多くの状態を
判別する必要があつた。

【００２３】本実施例によると、実画面５０１のカーソ
ル位置を中心部５０５（この例の場合、（１０，１０）
とする）に固定することにより、カーソルまわりの情報
が常に参照できると同時に、上記のような多くの状態を
判別する必要もなくなる。

【００２４】例えば、図６のように論理画面４０１の座
標［１５，１５］にカーソルがある場合、そのカーソル
は実画面５０１で座標（１０，１０）に存在し、実画面
５０１に表示される論理画面４０１のエリアは、［１５−（１０−１），１５−（１０−１）］＝［６，６］＊（）内は実画面上でのカーソル位置と、左上隅［１，１］との差分［１５＋（２０−１０），１５−（１０−１）］＝［２５，６］＊（）内は実画面上でのカーソル位置と、右上隅［２０，１］との差分［１５−（１０−１），１５＋（２０−１０）］＝［６，２５］＊（）内は実画面上でのカーソル位置と、左下隅［１，２０］との差分［１５＋（２０−１０），１５＋（２０−１０）］＝［２５，２５］＊（）内は実画面上でのカーソル位置と、右下隅［２０，２０］との差分の４点（同図の黒塗り部）で囲まれたところ、即ち、
［ｘ，ｙ；６≦ｘ≦２５，６≦ｙ≦２５］である。この
時のデイスプレイ画面の様子は、図９のようになる。図
９において、９０１はディスプレイ１０３の表示枠であ
り、実画面５０１はこの制約から大きさが決定される。
９０２はカーソルであり、実画面５０１の中央に位置し
ている。この状態は図２（ｅ）に当たり、実画面５０１
内に論理画面外の部分を表示しないかぎり変わらない。

【００２５】次に、図７の様に論理画面４０１の左上隅
［１，１］にカーソルがある場合（図２（ａ）の状態）
を説明する。この場合も前述の例と同様、実画面５０１
上でのカーソルは座標（１０，１０）に存在し、実画面
５０１に表示される論理画面４０１のエリアは、［１−（１０−１），１−（１０−１）］＝［−８，−８］［１＋（２０−１０），１−（１０−１）］＝［１１，−８］［１−（１０−１），１＋（２０−１０）］＝［−８，１１］［１＋（２０−１０），１＋（２０−１０）］＝［１１，１１］の４点（図７の黒塗り部）で囲まれたところ、即ち、［ｘ，ｙ；−８≦ｘ≦１１，−８≦ｙ≦１１］である。

【００２６】これは前述の場合とは、実画面５０１が表
示している論理画面４０１のエリアの中に、座標の数値
として０や負になるものがある点で異なる。座標が０や
負となるのは論理画面４０１の外側の（文字情報のな
い）部分を示している。よつて、実画面５０１上にそれ
らを表示するには次のようにする。

【００２７】（１）座標［０，Ｙ；０≦Ｙ≦４０］及び
座標［Ｘ，０；０≦Ｘ≦３０］の部分には枠線（編集中
の用紙の縁に対応している）を表示する。カーソルは座
標［１，１］にあるから、実画面５０１上では（９，
ｙ；９≦ｙ≦２０）及び（ｘ，９；９≦ｘ≦２０）に枠
線を描く。

【００２８】（２）座標［Ｘ，Ｙ；Ｘ＜０またはＹ＜
０］の部分は論理画面の外側であることを示すために斜
線等の模様あるいは階調差、カラーデイスプレイの場合
なら別の色にする等で区別する。実画面５０１では、座
標（ｘ，ｙ；ｘ＜９またはｙ＜９）が論理画面外とな
る。

【００２９】（３）論理画面の内側は、記録されている
文字情報（空白も含む）を表示する。

【００３０】以上のように表示されたデイスプレイ画面
の様子は図１０のようになる。カーソル９０１は実画面
５０１の中央に位置し、論理画面の外側は９０３の様に
その内側と区別される。

【００３１】また、論理画面の左下隅［１，４０］にカ
ーソルがある場合（図２（ｃ）の状態）でも、同様に実
画面上のカーソルは［１０，１０］に位置させる。図８
において、実画面５０１に表示される論理画面上のエリ
アは、［１−（１０−１），４０−（１０−１）］＝［−８，３１］［１＋（２０−１０），４０−（１０−１）］＝［１１，３１］［１−（１０−１），４０＋（２０−１０）］＝［−８，５０］［１＋（２０−１０），４０＋（２０−１０）］＝［１１，５０］の４点（同図の黒塗り部）で囲まれたところ、即ち、座標［Ｘ，Ｙ；−８≦Ｘ≦１１，３１≦Ｙ≦５０］である。そして、前述の（１）〜（３）の定義と同様の
条件で表示をするが、（１）と（２）は数値に違いがあ
るため、条件（４）・（５）に変更する。

【００３２】（４）座標［０，Ｙ；１≦Ｙ≦４０］及び
座標［Ｘ，４１；１≦Ｘ≦３０］の部分には枠線（編集
中の用紙の縁に対応している）を表示する。実画面では
座標（９，ｙ；１≦ｙ≦１０）及び座標（ｘ，１１；９
≦ｘ≦２０）に論理画面の枠を描く。

【００３３】（５）座標［Ｘ，Ｙ；Ｘ＜０またはＹ＞４
１］の部分は論理画面の外側であることを示すために斜
線等の模様、あるいは階調差カラーデイスプレイの場合
なら別の色にする等で区別する。実画面では座標（ｘ，
ｙ；ｘ＜９またはｙ＞１１）を論理画面の外側とする。

【００３４】こうしてデイスプレイ１０３に表示した様
子は図１１のようになる。ここでもカーソル９０２は実
画面５０１の中央に位置する。

【００３５】図２（ｂ）・（ｄ）の様にカーソルが右上
端または右下端の場合でも、条件（１）・条件（２）の
数値を変えて同様に表示する。論理画面の座標［ａ，
ｂ］で表されるカーソル位置は実画面の座標（１０，１
０）となり、これは平行移動変換とみなせる。このこと
から論理画面の座標［ｘ，ｙ］を実画面の座標に変換す
ると、（ｘ＋（１０−ａ），ｙ＋（１０−ｂ））とな
る。

【００３６】これらをまとめれば論理画面を実画面に表
示する条件は次の様になる。

【００３７】（６）座標［Ｘ，Ｙ；Ｘ＝０またはＸ＝３
１，１≦Ｙ≦４０］及び座標［Ｘ，Ｙ；１≦Ｘ≦３０，
Ｙ＝０またはＹ＝４１］の部分には枠線（編集中の用紙
の縁に対応している）を表示する。即ち、カーソル位置
を座標［ａ，ｂ］とすれば、実画面では、（７）座標
（ｘ，ｙ；ｘ＝１０−ａまたはｘ＝４１−ａ，１≦ｘ≦
２０，１≦ｙ≦２０）及び座標（ｘ，ｙ；１≦ｘ≦２
０，ｙ＝１０−ｂまたはｙ＝５１−ｂ，１≦ｙ≦２０）
に枠線を描く。

【００３８】（８）座標［Ｘ，Ｙ；Ｘ＜０またはＸ＞３
１またはＹ＜０またはＹ＞４１］の部分は論理画面の外
側であることを示すために斜線等の模様あるいは階調
差、カラーデイスプレイの場合なら別の色にする等で区
別する。即ち、カーソル位置を座標［ａ，ｂ］とすれ
ば、実画面では、（９）座標（ｘ，ｙ；ｘ＜１０−ａま
たはｘ＞４１−ａまたはｙ＜１０−ｂまたはｙ＞５１−
ｂ）の部分が論理画面の外となり、区別される。前述の
様に、（１≦ｘ≦２０，１≦ｙ≦２０）の制約がつく。

【００３９】（１０）座標［Ｘ，Ｙ；１≦Ｘ≦３０，１
≦Ｙ≦４０］の部分、即ち論理画面の内側は、そこに記
録されている文字情報（空白も含む）を表示する。この
部分は、条件（６）・（８）のいずれにも合わない部分
である。即ち、カーソル位置を座標［ａ，ｂ］とすると
実画面の座標系では、（１１）座標（ｘ，ｙ；１１−ａ
≦ｘ≦４０−ａ，１１−ｂ≦ｙ≦５０−ｂ）の部分が論
理画面の内側となる。もちろん、（１≦ｘ≦２０，１≦
ｙ≦２０）という条件がつく。

【００４０】以上のように、カーソルが論理画面上のど
こに存在しようとも、必ず実画面の中心にくるように実
画面を構成したものである。以上の表示を実現するため
の画面表示のルーチンは、図１２のフローチャートで表
すことができる。

【００４１】＜フローチャートの説明＞図１２は、キー
ボード１０１からの入力により、カーソル位置が移動し
て画面が表示し直される際の処理手順を示したフローチ
ャートである。

【００４２】まず、入力されたカーソル位置の値から、
論理画面において表示すべき領域を決定する（Ｓ１２
１）。表示領域は、カーソル位置を中心にして実画面の
大きさとなる。即ち、カーソルの位置を座標［ａ，ｂ］
とすれば、座標［ａ−９，ｂ−９］と座標［ａ＋１１，
ｂ−９］と座標［ａ−９，ｂ＋１１］と座標［ａ＋１
１，ｂ＋１１］とを４隅の点とする領域が表示対象であ
る。

【００４３】次に、ステップＳ１２１で決定した領域が
すべて論理画面内であるか判定する（Ｓ１２２）。これ
は、前記４点で決定された領域が、論理画面内にあるか
判定すれば良い。即ち、ａ−９≧１、ａ＋１１≦３
０、ｂ−９≧１、ｂ＋１１≦４０、という４条件を
満たしていれば画面内である。

【００４４】論理画面内に納まり切れていない場合、論
理画面の枠を表示する（Ｓ１２３）。即ち、前記した項
目（７）に従って、実画面に画面枠を描く。

【００４５】次に画面の枠外を斜線で埋める（Ｓ１２
４）。これも、項目（９）で述べたとおりの位置に描け
ば良い。

【００４６】続いて文書を表示するが、これは項目（１
１）によって述べられているとおりの座標を得て、そこ
のデータを表示する（Ｓ１２５）。

【００４７】最後に、カーソルを実画面の座標（１０，
１０）に表示して終了する（Ｓ１２６）以上の様にし
て、カーソルの移動がなされる度に表示し直す。このよ
うにする事で、画面上で操作中のデータとその周辺にあ
るデータとを常に表示することができ、文書編集がしや
すい文書処理装置が実現できる。

【００４８】実施例のワードプロセサ装置にも、実施例
で述べた以外にマウスなどの座標入力装置がつけられて
いても良いし、表示装置もＣＲＴやＬＣＤ、プラズマな
ど多様な方式が考えられる。また、中央にするのはカー
ソル位置に限らず、オペレータの注目している領域を特
に指定できる様にしてあっても良い。

【００４９】また、論理画面の内と外とが模様や色で区
別されていれば枠線は無くとも良いし、枠線があれば外
側を特に区別する必要も無い。

【００５０】このように、カーソルがいつも実画面の中
心部に存在するように実画面を構成することにより、画
面上での情報処理がカーソルのまわりの情報を参照しな
がら行いやすくなり、マン・マシン・インターフエース
が向上する。

【００５１】特にグラフイツクスエデイタのような場合
には、まわりの情報との位置関係等や、論理画面の枠か
らの距離等を考慮しながら編集することが多いため、効
果が大きい。

【００５２】また、この時のカーソル移動ルーチンまた
は実画面を構成するためのルーチンは、いつもカーソル
を実画面の中心にもつてくるため（つまり、従来例のよ
うに種々の場合における実画面上でのカーソル位置の移
動がなく、管理の必要がないため）、図１２のように単
純化できる。

【００５３】

【他の実施例】前述の例では、ワードプロセサについて
述べたが、文書処理に限らずコンピユータの各種エデイ
タ（グラフイツクスエデイタ等も含む）等も同様に適用
できることは言うまでもない。前の実施例の様に文字を
処理対象としていると、画面の座標などは文字を基準に
定めるが、ビットマップ表示ではビットを基準に座標は
定められる。

【００５４】また、表示容量の大きなディスプレイを使
用して、編集中の論理画面１ページ分を表示できても、
最近多用されているマルチウインドウ機能をサポートす
る場合、表示されるウインドウの数が多くなると、どう
しても１つのウインドウの表示容量は小さくなつてしま
う。そのため、１つのウインドウの表示エリアを実画面
と考えた場合にも同様に適用することができる。

【００５５】尚、本発明は、複数の機器から構成される
システムに適用しても、１つの機器から成る装置に適用
しても良い。また、本発明はシステム或は装置にプログ
ラムを供給することによつて達成される場合にも適用で
きることは言うまでもない。

【００５６】

【発明の効果】以上説明した様に本発明に係る画像表示
方法は、操作者が注目している部分とその周辺画像を常
に表示でき、作業の効率を上げる事ができる。

【図面の簡単な説明】

【図１】実施例のワードプロセサ装置の構成である。

【図２】実施例の論理画面と実画面との関係を示したも
のである。

【図３】従来の論理画面と実画面との関係を示したもの
である。

【図４】論理画面の座標系を示したものである。

【図５】実画面の座標系を示したものである。

【図６】

【図７】

【図８】実施例の論理画面と実画面との関係を示したも
のである。

【図９】

【図１０】

【図１１】実施例の実画面への表示例である。

【図１２】実施例の画面表示処理ルーチンのフローチヤ
ートである。

【符号の説明】

１０１…キーボード１０２…ワードプロセサ本体１０３…ディスプレイ２０１・４０１…論理画面２０２・５０１…実画面

Claims

【特許請求の範囲】

【請求項１】画像データ領域中の所望の点を中心にし
て表示するデータ領域を決定する決定行程と、前記決定
行程で決定された領域のうち画像データ領域からはみ出
している領域を判定する判定行程と、前記判定行程では
み出していると判定された領域とそうで無い領域とを区
別して表示する表示行程と、を備える画像表示方法。
【請求項２】前記決定行程で決定される領域は基の画
像データ領域よりも小さい事を特徴とする請求項１の画
像表示方法。
【請求項３】前記表示行程は枠線を表示する事を特徴
とする請求項１の画像表示方法。
【請求項４】画像データ領域中の所望の点を中心にし
て表示するデータ領域を決定する決定手段と、前記決定
手段で決定された領域のうち画像データ領域からはみ出
している領域を判定する判定手段と、前記判定手段では
み出していると判定された領域とそうで無い領域とを区
別して表示する表示手段と、を備える画像表示装置。
【請求項５】前記決定手段で決定される領域は基の画
像データ領域よりも小さい事を特徴とする請求項４の画
像表示装置。
【請求項６】前記表示手段は枠線を表示する事を特徴
とする請求項４の画像表示装置。