JP3186241B2 - 図形編集装置 - Google Patents

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は，計算機により図形を作
成／編集する際に，図形中の任意の点を束縛点として定
義できるようにし，図形の移動，回転，変形等の編集操
作を簡易化した図形編集装置に関する。

【０００２】図形処理システムの分野では，より容易
に，より多様な編集操作を迅速に行うことができる装置
が望まれている。

【０００３】

【従来の技術】計算機を利用した図形処理システムで
は，表示装置上で作成された図形を表示し，その図形に
ついての他の位置への移動，特定方向への伸縮，拡大や
縮小，回転というような各種の編集機能が提供されてい
る。

【０００４】従来，このような編集機能を利用する場
合，あらかじめどのような編集を行うかの編集操作の種
類を，アイコンメニューやコマンド等により選択するこ
とによって編集モードを切り替え，その後に，編集操作
に必要なすべての点の指定などを行わなければならなか
った。

【０００５】例えば，ある図形を回転させる場合，まず
「回転」の操作を選択し，次に回転の中心となる点を指
定し，その後に，回転角度を入力する必要があった。ま
た，正方形の図形を長方形に変形させる場合には，正方
形を削除した後に長方形を新規に作成する，または「伸
縮変形」の操作を選択し，どの部分をどの方向にどれだ
け伸縮するかの指定を行うなどの操作が必要であった。

【０００６】さらにまた，一度，図形を回転させ，その
編集操作が終了した後に，再度，同様な回転を実行しよ
うとした場合，中心となる点を指定するなど，前の操作
と同様な操作を繰り返さなければならなかった。

【０００７】

【発明が解決しようとする課題】従来の図形編集操作で
は，各種の編集操作の種類を事前に指定し，その後に変
形対象の図形の指定や変形の量を指示しなければならな
いので，操作が複雑であり，操作の時間も長くかかると
いう問題があった。

【０００８】本発明は上記問題点の解決を図り，編集モ
ードを切り替えることなく，各種の編集操作を直接図形
に指示することが可能な装置を提供することを目的とす
る。

【０００９】

【課題を解決するための手段】図１は，本発明の原理説
明図である。図１において，１０はＣＰＵおよびメモリ
などからなる処理装置，１１は作成／編集する図形を表
示する表示装置，１２はマウスやキーボードなどの表示
画面中での位置を指定する位置指定装置，１３は図形情
報記憶部，１４は図形に関する管理情報を持つ図形ヘッ
ダ情報，１５は図形の形状を決定する点の点情報，１６
は束縛点設定処理手段，１７は図形操作処理手段，１８
はグリップ表示モード設定処理手段，１９はグリップ表
示処理手段，２０は束縛点，２１は表示画面上の操作位
置を示すカーソルを表す。

【００１０】表示装置１１に表示される各図形の図形情
報は，図形ヘッダ情報１４とその図形を構成する点情報
１５からなる。本発明では，この図形中の１点または複
数点を束縛点として定義できるようになっており，束縛
点の情報が，図形情報記憶部１３に図形または点の属性
として記憶される。

【００１１】束縛点設定処理手段１６は，図形作成時の
設定または位置指定装置１２による指示入力により，編
集対象となる図形中の１点または複数点を束縛点として
定義し，図形情報中に設定する処理手段である。

【００１２】図形操作処理手段１７は，図形の編集操作
において位置指定装置１２によって指定された図形上の
点と，その図形中であらかじめ定義された束縛点との位
置関係によって，図形の変形動作を確定させ，その確定
した変形動作に基づいて図形を更新する処理手段であ
る。

【００１３】グリップ表示モード設定処理手段１８は，
図形の編集操作における指定対象候補となる点を，他の
通常の点と区別できる特定の態様で表示するか否かのモ
ードを設定する処理手段である。グリップ表示処理手段
１９は，グリップ表示モードが設定されている場合に，
前記指定対象候補となる点のうち，束縛点を第１の特定
の態様で表示するとともに，束縛点以外の指定対象候補
となる点を，第１の特定の態様と異なる第２の特定の態
様で表示する処理手段である。グリップ表示モードが設
定されていない場合には，本来の図形のみを表示する。

【００１４】図形を編集する場合，図形操作処理手段１
７は，位置指定装置１２によって指定された図形上の点
を保持し，その点を指定された位置に移動させる。その
とき，図形情報記憶部１３を参照し，指定された点と束
縛点との位置関係によって変形動作を決める。すなわ
ち，指定された点が束縛点であるとき，指定された点と
ともに図形を移動させる編集を行う。指定された点が束
縛点ではなく，図形における所定の辺上にあるとき，指
定された点の位置方向へ束縛点を中心として図形を回転
させる編集を行う。また，指定された点が束縛点でも所
定の辺上でもないとき，その点と束縛点との位置関係に
応じて，図形を指定された点の移動方向に変形させる編
集を行う。

【００１５】グリップ表示モード設定処理手段１８によ
って，グリップ表示モードが設定されている場合には，
グリップ表示処理手段１９により，操作を容易にするた
め，図形の指定対象の候補となる点を，見やすい特定の
マークで表示する。特に，束縛点と他の指定対象の候補
点とを異なるマークで表示する。

【００１６】

【作用】各図形には，あらかじめ束縛点が定義できるよ
うになっている。例えば図１の（ロ）に示すように，長
方形図形の左上頂点が束縛点２０として定義されていた
とする。

【００１７】図形の編集操作において，(a) に示すよう
に，カーソル２１により束縛点２０を指示し，それを保
持した状態で移動させると，長方形の図形全体が束縛点
２０とともにカーソル２１の移動先まで移動される。ま
た，(b) に示すように，カーソル２１により辺上の点を
指示し，それを移動させると，長方形図形が束縛点２０
を中心としてカーソル２１の移動方向へ回転される。
(c) に示すように，束縛点２０の右下の頂点をカーソル
２１により指示し，それを移動させると，長方形図形は
移動先に右下の頂点がくるように，拡大（または縮小）
される。また，他の点に対する操作に対しても，束縛点
２０との位置関係によって，長方形図形の変形動作が行
われる。

【００１８】従来技術によれば，移動または回転という
ような編集操作の種類を事前に指定し，その後に変形の
基準点や変形の量を，逐次指定しなければならなかった
が，本発明によれば，図形上の指示した点と束縛点２０
との位置関係によって，編集操作の種類が自動的に選択
されるので，いちいち編集操作の種類を指定する必要が
なく，各種の編集操作を直接図形に施すことが可能にな
る。すなわち，マウスカーソルなどにより点をドラッグ
する操作だけで，種々の変形操作を実施することができ
る。

【００１９】束縛点２０は，操作の属性としてではな
く，図形自体の属性として定義されているため，操作ご
とに指定する必要はなく，図形中の１点に対する操作の
みで，図形を自由に変形させることができ，操作性がよ
い。特に，図形の１点を単にマウスカーソル等により引
っ張るだけで，図形を移動させたり，回転させたり，変
形させたりすることができるので，人間にとって感覚的
に自然な操作が可能である。

【００２０】

【実施例】図２は，本発明の実施例に係る図形情報のデ
ータ構造の例を示す図である。図形情報は，図２の
（イ）に示すように，図形ヘッダ情報１４と，図形の形
状を決める点情報１５−１，１５−２，…の集まりから
なる。図形ヘッダ情報１４は，図形が占める矩形の範囲
（これを，エクステントという）に関する情報と，点の
数および先頭の点情報１５へのポインタ等の情報を持
つ。さらに，束縛点２０として定義された点へのポイン
タ情報を持つ。

【００２１】図形が，例えば図２の（ロ）に示すような
多角形である場合，エクステントは，点線の矩形で図示
した範囲の領域である。図形ヘッダ情報１４中のエクス
テント情報は，エクステントの左上角の点の座標（ｘ
０，ｙ０）と，エクステントの幅ｗと，エクステントの
高さｈ等の情報である。点情報１５は，多角形の頂点に
関する位置情報（ｘ１，ｙ１），（ｘ２，ｙ２），…や
次の点へのポインタ情報等を持つ。また，図形ヘッダ情
報１４および点情報１５中に，必要に応じて他の各種の
属性情報を持つことができる。

【００２２】図２に示す例では，点情報１５−２の示す
点（ｘ２，ｙ２）が束縛点２０として定義されている。
図３は，本発明の実施例に係る図形操作の例を示してい
る。図中，３０ａは操作開始点，３０ｂは操作終了点を
表す。

【００２３】図３の（イ）に示すような二次元図形に対
して，束縛点２０が左上の点に定義されており，その束
縛点２０と同一の辺上にある隣の点を操作開始点３０ａ
として，操作終了点３０ｂまで，図１に示す位置指定装
置１２によりドラッグしたとする。図形操作処理手段１
７は，束縛点２０と操作開始点３０ａとの位置関係か
ら，元の長方形に１軸変形を施し，（イ）に点線で示す
ように長方形を引き伸ばす。

【００２４】また，操作開始点３０ａが束縛点２０と一
致する場合には，（ロ）に点線で示すように，束縛点２
０が操作終了点３０ｂまでくるように，図形全体を平行
移動させる。

【００２５】操作開始点３０ａが頂点ではなく，辺上の
点であるとき，（ハ）に示すように，図形を束縛点２０
を中心として，操作終了点３０ｂの方向へ回転させる。
さらに，操作開始点３０ａが束縛点２０と対角の位置に
あるときには，（ニ）に示すように，長方形に２軸変形
を施し，操作終了点３０ｂの位置まで図形を相似変形
（拡大／縮小）させる。

【００２６】図形が三次元図形である場合にも，同様に
束縛点２０と操作開始点３０ａとの位置関係によって，
例えば次のように変形動作を確定させる。図３の（ホ）
は，１軸変形の例であり，操作開始点３０ａが束縛点２
０と同一辺上の隣の点であるとき，操作終了点３０ｂの
方向へ長方体図形を引き伸ばす。

【００２７】操作開始点３０ａが束縛点２０とは同一面
にはない対角点である場合には，（ヘ）に示すように，
三次元図形に対して３軸相似変形を施し，図形全体を拡
大または縮小させる。

【００２８】操作開始点３０ａが束縛点２０と同一面上
の対角点上にある場合には，（ト）に示すように，操作
終了点３０ｂの位置まで２軸変形を施し，縦横の長さを
伸縮させる。

【００２９】図３の（チ）は，１軸回転の例である。こ
の例では，束縛点２０−１と束縛点２０−２の２点が束
縛点として定義されている。この図形の辺上の点を操作
開始点３０ａとして操作終了点３０ｂまでドラッグする
と，束縛点２０−１と束縛点２０−２の軸を中心とし
て，三次元図形を点線で示すように回転させる。

【００３０】図３の（リ）と（ヌ）は，連続直線に対す
る編集操作の例であり，例えば（リ）に示すように，束
縛点２０と異なる頂点を操作開始点３０ａとしてドラッ
グすると，１点変形によって操作終了点３０ｂまでの図
形の変形が行われる。また，操作開始点３０ａが束縛点
２０である場合には，（ヌ）に示すように，図形全体が
平行移動される。

【００３１】図４は，本発明の実施例に係るグリップ表
示説明図である。本発明の場合，束縛点と図３で説明し
たような操作開始点３０ａとの位置関係によって，図形
の変形動作が確定するので，少なくとも図形の作成／編
集が完了するまでは，図形のどの点が束縛点であり，ま
た図形のどの点が操作の指定対象となり得る点であるか
を，表示装置１１上の画面ですぐに見分けることができ
る必要がある。

【００３２】そこで本実施例では，図形編集操作の指定
対象候補となる点を「グリップ」とし，グリップを特定
のマークで表示可能としている。グリップには，束縛点
を示す束縛点グリップと，束縛点以外の通常グリップと
がある。

【００３３】図１に示す位置指定装置１２により，点が
操作対象として選択されていない場合には，通常グリッ
プは，図４（イ）の(a) に示すように，正方形のマーク
で表示される。これに対し，束縛点は，(b) に示すよう
に，菱形の図形で表示される。位置指定装置１２によ
り，それらの点が操作対象として選択されると，そのマ
ークがそれぞれ(c) または(d) に示すように拡大して表
示される。例えば，束縛点グリップを円で表示したり，
または各マークを色によって識別できるように表示して
もよい。

【００３４】これらのマークは，一般に図形の作成／編
集が完了した後は不要である。そこで，本実施例では，
操作対象の図形を選択した際に，自動的にグリップを表
示するようになっているが，その後に任意にグリップ非
表示モードとグリップ表示モードのいずれかをメニュー
やコマンド等により選択できるようになっている。グリ
ップ非表示モードでは，図形が長方形の場合，図４の
（ロ）に示すように，その図形の形状だけが表示され
る。グリップ表示モードが選択されると，図４の（ハ）
に示すように，束縛点２０と他の操作指定対象点とが，
図４の（イ）に示すグリップの形態で表示される。

【００３５】この例では，長方形図形に対して，９個の
グリップが設けられている。図示省略するが，図形が例
えば円の場合にも，外接する長方形と同様に９個のグリ
ップが設けられる。

【００３６】図５は，本発明の実施例に係る処理説明図
である。図５の（イ）は，束縛点の設定処理の例を示し
ている。図形の作成（ステップＳ１０）が行われると，
システム・ディフォルトとして，システムが図形に応じ
てあらかじめ定めた図形上の１点を，束縛点として定義
し，図２に示す図形ヘッダ情報１４中に設定する（ステ
ップＳ１１）。

【００３７】この束縛点は，操作によって追加・変更が
可能であり，例えばステップＳ１２により，束縛点の変
更が検出されると，ステップＳ１３によって図形ヘッダ
情報１４中の束縛点情報を変更する。

【００３８】図５の（ロ）は，グリップ表示モードの設
定処理の例を示している。メニュー等の操作により，グ
リップ表示（非表示）モードの設定ができる。ステップ
Ｓ２０により，指定されたグリップ表示（非表示）モー
ドを設定する。ステップＳ２１の判定によってグリップ
表示／非表示を切り替え，グリップ表示モードである場
合には，ステップＳ２２により，図４の（ハ）に示すよ
うなグリップを表示する。

【００３９】図５の（ハ）は，図形の編集操作に関する
処理の例を示している。ステップＳ３０では，指定され
た操作対象の図形を選択する。次に，ステップＳ３１で
は，指定された図形中の点を保持し，ドラッグを開始す
る。ドラッグは，例えばマウスボタン等が押下されたと
きのマウスカーソル上の点を保持し，押下された状態で
マウスカーソルが移動したときに，その点を移動させる
操作である。ステップＳ３２では，ドラッグに対し，束
縛点と操作開始点との位置関係を解析し，その位置関係
によって，図形に対する移動Ｓ３３，回転Ｓ３４，各種
の変形Ｓ３５等の処理を実行する。その操作処理結果の
図形をステップＳ３６の処理により，表示装置１１の画
面上に再描画する。

【００４０】図６は，本発明の実施例による立体図形の
操作処理説明図である。図５の（ハ）に示す処理は，さ
らに詳しくは図６に示すように実行される。なお，立体
図形以外の図形についても同様に操作開始点，すなわち
ドラッグの開始位置と束縛点との位置関係によって所定
の変形操作が実施される。

【００４１】(a) 表示画面上の図形におけるグリップが
マウスボタンによって指示されたならば，それを検出
し，ドラッグ開始位置とする。 (b) 図形情報記憶部１３を参照することにより，ドラッ
グ開始位置が束縛点であるかどうかを判定し，ドラッグ
開始位置が束縛点であれば，ドラッグ終了点まで図形全
体を平行移動させる編集を行い，処理(g) へ進む。

【００４２】(c) ドラッグ開始位置が束縛点でないと
き，立体図形の辺上にあるかどうかを判定し，立体図形
の辺上にある場合には，束縛点を中心として，その図形
を回転させる編集を行う。その後，処理(g) へ進む。

【００４３】(d) ドラッグ開始位置が束縛点と同一辺上
の隣の点にある場合には，束縛点からみて，その点への
辺の延長線上方向への１軸変形を行う。その後，処理
(g) へ進む。

【００４４】(e) ドラッグ開始位置が同一辺上ではな
く，同一面における対角点にある場合には，その面の延
長上での２軸変形を行う。その後，処理(g) へ進む。 (f) それ以外の場合には，３軸相似変形を実施し，同じ
形状のまま図形を拡大または縮小させる編集を行う。そ
の後，処理(g) へ進む。

【００４５】(g) 変形結果について，図形を画面上に再
描画する。図７は，本発明の実施例で用いるハードウェ
ア構成例を示す図である。本発明は，例えば図７に示す
ような周知のハードウェア機構により実施することがで
きる。システムバス１０７には，ディスプレイアダプタ
１０３，ランダム・アクセス・メモリ（ＲＡＭ）１０
５，ＣＰＵ１０６，ディスクアダプタ１０８が接続され
ている。ディスプレイアダプタ１０３には，グラフィッ
クディスプレイ１００，キーボード１０１，マウス１０
２，ビデオ用メモリ（ＶＲＡＭ）１０４が接続され，Ｖ
ＲＡＭ１０４の内容がディスプレイアダプタ１０３を介
して，グラフィックディスプレイ１００に表示される。
ディスクアダプタ１０８には，磁気ディスクなどのディ
スク記憶装置１０９が接続され，ディスクアダプタ１０
８は，ＣＰＵ１０６の入出力命令によって，ＲＡＭ１０
５とディスク記憶装置１０９との間のデータ転送を制御
する。

【００４６】グラフィックディスプレイ１００，キーボ
ード１０１，マウス１０２およびディスプレイアダプタ
１０３は，図１に示す表示装置１１および位置指定装置
１２に相当する。図１に示す図形情報記憶部１３は，Ｒ
ＡＭ１０５またはディスク記憶装置１０９に設けられ
る。

【００４７】もちろん，本発明は，図７に示すシステム
に限らず，通常の汎用計算機，ワークステーション・タ
イプの計算機または一般のパーソナル・コンピュータ等
によっても実施することが可能である。

【００４８】

【発明の効果】以上説明したように，本発明によれば，
回転，移動，変形というような編集のモードを切り替え
ることなく，直接図形への指示によって各種の編集操作
を実行することができ，編集を簡単な操作で迅速に行う
ことができるようになる。特に，図形の１点を指示して
それを移動させるだけで，各種の編集操作を実現できる
ので，感覚的にも自然な操作による編集機能を利用者に
提供することが可能になる。

【図面の簡単な説明】

【図１】本発明の原理説明図である。

【図２】本発明の実施例に係る図形情報のデータ構造の
例を示す図である。

【図３】本発明の実施例に係る図形操作の例を示す図で
ある。

【図４】本発明の実施例に係るグリップ表示説明図であ
る。

【図５】本発明の実施例に係る処理説明図である。

【図６】本発明の実施例による立体図形の操作処理説明
図である。

【図７】本発明の実施例で用いるハードウェア構成例を
示す図である。

【符号の説明】

１０ 処理装置 １１ 表示装置 １２ 位置指定装置 １３ 図形情報記憶部 １４ 図形ヘッダ情報 １５ 点情報 １６ 束縛点設定処理手段 １７ 図形操作処理手段 １８ グリップ表示モード設定処理手段 １９ グリップ表示処理手段 ２０ 束縛点 ２１ カーソル

フロントページの続き (72)発明者 鈴木 雅裕 神奈川県大和市深見西４丁目２番49号 株式会社ピーエフユー 大和工場内 (72)発明者 葛西 敦子 神奈川県大和市深見西４丁目２番49号 株式会社ピーエフユー 大和工場内 (56)参考文献 特開 昭63−49884（ＪＰ，Ａ) アドビ・イラストレーター日本語版 Ａｄｏｂｅ Ｉｌｌｕｓｔｒａｔｏｒ ［Ａ ｔｏＺ］Ｐ．１〜41 著者 Ｄ. バーンズ，Ｓ．ベニット，Ｄ．スミス 監修 大谷和利 訳 松本真理 発行所 株式会社ビー・エヌ・エヌ 1990年２ 月１日初版発行 (58)調査した分野(Int.Cl.⁷，ＤＢ名) G06T 11/80 G06F 3/14 310

Claims (8)

(57)【特許請求の範囲】
1. 【請求項１】 表示される図形を編集する図形編集装置
   において， 図形の編集についての束縛点を記憶する手段と， 編集対象の図形における束縛点と当該図形に対する操作
   開始位置を指定することで選択された編集処理内容に関
   する編集処理を，操作終了位置に基づき当該図形に対し
   て行う処理手段とを有することを特徴とする図形編集装
   置。
2. 【請求項２】 前記処理手段は，前記操作開始位置が前
   記束縛点と一致する場合，前記操作終了位置まで，前記
   図形を平行移動する ことを特徴とする請求項１記載の図
   形編集装置。
3. 【請求項３】 前記処理手段は，前記操作開始位置が当
   該図形の頂点ではなく辺上の点である場合，前記操作終
   了位置まで，前記束縛点を中心として，前記図形を回転
   させる ことを特徴とする請求項１記載の図形編集装置。
4. 【請求項４】 前記処理手段は，前記操作開始位置が束
   縛点と対角の位置の頂点である場合，前記操作終了位置
   まで，前記図形を拡大または縮小する ことを特徴とする
   請求項１記載の図形編集装置。
5. 【請求項５】 前記処理手段は，前記編集対象の図形が
   ３次元図形であって，前記操作開始位置が前記束縛点を
   含む面上の点または前記束縛点と対角の位置にある頂点
   である場合，前記操作終了位置まで，前記図形を変形さ
   せる ことを特徴とする請求項１記載の図形編集装置。
6. 【請求項６】 前記処理手段は，前記編集対象の図形が
   複数の頂点をもつ連続直線であって，前記操作開始位置
   が前記束縛点とは異なる頂点である場合，前記操作終了
   位置まで，前記図形を変形する ことを特徴とする請求項
   １記載の図形編集装置。
7. 【請求項７】 前記処理手段は，前記編集対象の図形に
   二の束縛点が定義されている場合において，前記操作開
   始位置が，当該図形の辺上にある場合，前記操作終了位
   置まで，前記二の束縛点を軸として，前記図形を回転さ
   せる ことを特徴とする請求項１記載の図形編集装置。
8. 【請求項８】 前記束縛点を，当該図形において識別可
   能に表示する ことを特徴とする請求項１乃至請求項７の
   いずれかに記載の図形編集装置。