JP5673264B2 - Graphic drawing program and graphic drawing device - Google Patents
Graphic drawing program and graphic drawing device Download PDFInfo
- Publication number
- JP5673264B2 JP5673264B2 JP2011061533A JP2011061533A JP5673264B2 JP 5673264 B2 JP5673264 B2 JP 5673264B2 JP 2011061533 A JP2011061533 A JP 2011061533A JP 2011061533 A JP2011061533 A JP 2011061533A JP 5673264 B2 JP5673264 B2 JP 5673264B2
- Authority
- JP
- Japan
- Prior art keywords
- arrangement
- area
- selection
- elements
- size
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Landscapes
- Processing Or Creating Images (AREA)
- Image Generation (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、情報処理装置における図形描画処理の技術に関する。 The present invention relates to a technique of graphic drawing processing in an information processing apparatus.
情報処理装置を用いた図形描画を実現する技術が提供されている。かかる情報処理装置を用いた図形描画手順は、例えば次のような内容である。すなわち、ユーザが、描画対象とする図形を構成する要素を選択する。そして、ユーザは、選択した要素のサイズ及び配置位置を調整して、意図する図形を描画する。 Techniques for realizing graphic drawing using an information processing apparatus are provided. The graphic drawing procedure using such an information processing apparatus has the following contents, for example. That is, the user selects an element constituting a graphic to be drawn. Then, the user draws an intended graphic by adjusting the size and arrangement position of the selected element.
なお、情報処理装置における図形描画等に関連する技術としては、次のようなものがある。例えば、グラフィカルユーザインタフェース（ＧＵＩ：Graphical User Interface）の作成ツールにおいて、配置対象とするコントロール全体の属性を示す一覧表を表示し、ユーザが、一覧表を用いて、コントロールの配置位置等の入力又は調整等を行うことができるようにした技術が提案されている。さらに、ＧＵＩを用いてアプリケーションを開発するツールにおいて、アプリケーションの構成情報がツールに入力されると、入力された情報に関連する部品を抽出して画面上に配置する技術が提案されている。また、画面上にアプリケーションのＧＵＩを表示する技術として、アプリケーションにおける表示設定に関わらず、特定の部品を画面上に仮配置し、他の部品を残余の部分に配置して、使い易いＧＵＩを提供する技術がある。 In addition, there are the following techniques related to graphic drawing or the like in the information processing apparatus. For example, in a graphical user interface (GUI) creation tool, a list showing the attributes of the entire control to be arranged is displayed, and the user can input the control arrangement position or the like using the list. A technique that enables adjustment and the like has been proposed. Furthermore, in a tool for developing an application using a GUI, a technique has been proposed in which, when application configuration information is input to the tool, a part related to the input information is extracted and placed on a screen. In addition, as a technology for displaying the application GUI on the screen, regardless of the display settings in the application, specific parts are provisionally placed on the screen and other parts are placed on the remaining part to provide an easy-to-use GUI. There is technology to do.
ここで、前述した図形描画手順において、要素のサイズ及び配置位置を調整する作業は、ユーザにとって特に時間と手間を要する作業である。 Here, in the graphic drawing procedure described above, the work of adjusting the size and arrangement position of elements is a work that requires time and labor especially for the user.
そこで、本技術は１つの側面において、情報処理装置における図形描画において、要素のサイズ及び配置位置の調整作業負担を軽減することを目的とする。 In view of this, an object of one embodiment of the present technology is to reduce the burden of adjusting the size and arrangement position of elements in drawing a graphic in the information processing apparatus.
本技術は、１つの側面において、描画対象図形を構成する要素として選択された１以上の選択要素に関する要素情報、及び要素を配置する配置領域に関する領域情報を取得する。また、領域情報に基づいて配置領域を特定する。そして、特定した配置領域に応じて、要素情報の選択要素のサイズを計算するとともに、計算したサイズで選択要素を配置した場合における選択要素の配置位置の座標を計算する。そして、選択要素を、計算した配置位置の座標に基づいて、図形描画領域に配置する。 In one aspect, the present technology acquires element information relating to one or more selected elements selected as elements constituting a drawing target graphic, and area information relating to an arrangement area in which the elements are arranged. Further, the arrangement area is specified based on the area information. Then, the size of the selected element of the element information is calculated according to the specified arrangement area, and the coordinates of the arrangement position of the selected element when the selected element is arranged with the calculated size are calculated. Then, the selected element is arranged in the graphic drawing area based on the calculated coordinates of the arrangement position.
本技術の１つの側面によれば、情報処理装置を用いた図形描画において、要素のサイズ及び配置位置の調整作業負担が軽減される。 According to one aspect of the present technology, the burden of adjusting an element size and an arrangement position is reduced in drawing a graphic using the information processing apparatus.
本明細書では、情報処理装置を用いた図形描画を実現する技術において、特に、描画対象図形を構成する要素を配置する配置領域に基づき、要素のサイズ及び配置位置の座標を自動計算して図形描画領域に配置する技術について説明する。 In this specification, in the technology for realizing figure drawing using an information processing apparatus, in particular, the figure is calculated by automatically calculating the element size and the coordinates of the arrangement position based on the arrangement area in which the elements constituting the figure to be drawn are arranged. A technique for arranging in the drawing area will be described.
本明細書において、図形描画とは、矩形や円等の単純な要素から構成される図の描画や、ＧＵＩコントロールを構成要素とする画面デザインの作成等、多種多様なものを含む。ここで、例えば、画面デザイン（例えば、ウェブ画面等）を作成する場合において、複数の要素を画面上に配置するときには、一列又は一行に要素を並べて配置する場合が多い。その場合、従来の一般的な手法を用いて画面を構成する要素を選択（指定）すると、要素のサイズや配置位置が初期状態として設定された状態で表示されるため、ユーザは、要素の各々につき、サイズや配置位置を調整しなければならない。このとき、ユーザは、要素を配置する配置領域に応じて、各要素のサイズ計算及び整列作業を行い、全体のバランスを調整する必要がある。この作業は、一部の要素の位置やサイズを修正すると、修正された要素との間で影響が生じる（重なったり又は離れすぎたりする）要素についてさらに修正を行う、という作業の繰り返しとなり、ユーザの作業負担が大きい。このような点につき、本明細書で説明する図形描画処理によれば、要素のサイズ及び配置位置が自動計算され、整列された状態で要素が配置されるため、調整作業を大幅に軽減することができる。 In the present specification, graphic drawing includes a wide variety of drawing such as drawing of a diagram composed of simple elements such as rectangles and circles, and creation of a screen design having GUI controls as components. Here, for example, when creating a screen design (for example, a web screen or the like), when a plurality of elements are arranged on the screen, the elements are often arranged in a line or a line. In that case, when the elements constituting the screen are selected (designated) using the conventional general method, the size and arrangement position of the elements are displayed in the initial state, so that the user can The size and placement position must be adjusted. At this time, the user needs to adjust the overall balance by performing size calculation and alignment work for each element in accordance with the arrangement area in which the element is arranged. This work is a repetition of the work of making further corrections for elements that affect (overlapping or too far away) the corrected elements when the position and size of some elements are corrected. The work burden is large. With respect to such points, according to the graphic drawing processing described in this specification, the size and arrangement position of the elements are automatically calculated, and the elements are arranged in an aligned state, thereby greatly reducing the adjustment work. Can do.
図１は、本実施形態に係る図形描画装置を含んだ情報処理装置の機能ブロック図の一例である。本情報処理装置は、図形描画プログラムが情報処理装置のメモリにロードされてＣＰＵ（Central Processing Unit）において実行されることにより実現される制御部１に含まれる、入力受付部１１、要素記録部１２、配置領域特定部１３、配置方式特定部１４、要素属性計算部１５、配置部１６及び表示部１７を有する。また、本情報処理装置が備える記憶手段である記憶部２には、選択要素テーブル２１、領域設定テーブル２２、配置領域データ２３、配置方式データ２４、サイズ初期値テーブル２５及び要素属性テーブル２６が格納される。なお、本明細書において記憶手段とは、揮発性記憶装置及び不揮発性記憶装置のいずれか一方又は両方を示す。さらに、本情報処理装置は、入力装置３１及び表示装置３２を有する。 FIG. 1 is an example of a functional block diagram of an information processing apparatus including a graphic drawing apparatus according to this embodiment. The information processing apparatus includes an input receiving unit 11 and an element recording unit 12 included in the control unit 1 realized by loading a graphics drawing program into a memory of the information processing device and executing the program on a CPU (Central Processing Unit). , An arrangement area specifying unit 13, an arrangement method specifying unit 14, an element attribute calculation unit 15, an arrangement unit 16 and a display unit 17. In addition, a selection element table 21, an area setting table 22, arrangement area data 23, arrangement method data 24, a size initial value table 25, and an element attribute table 26 are stored in the storage unit 2, which is a storage unit included in the information processing apparatus. Is done. Note that in this specification, the storage means indicates one or both of a volatile storage device and a nonvolatile storage device. The information processing apparatus further includes an input device 31 and a display device 32.
入力受付部１１は、ユーザにより、表示装置３２に表示されたユーザインタフェースである図形描画画面を用いつつ入力装置３１を介して入力された、様々な情報を受け付ける。 The input receiving unit 11 receives various information input by the user through the input device 31 while using a graphic drawing screen that is a user interface displayed on the display device 32.
要素記録部１２は、入力受付部１１により受け付けられた、ユーザにより描画対象の図形の全体又は一部分を構成する要素として選択された要素（以下、選択要素という）に関する情報（要素情報）を取得し、選択要素テーブル２１に格納する。 The element recording unit 12 acquires information (element information) received by the input receiving unit 11 regarding an element (hereinafter referred to as a selected element) selected by the user as an element constituting the whole or a part of the graphic to be drawn. And stored in the selection element table 21.
配置領域特定部１３は、入力受付部１１により受け付けられた、配置領域に関するユーザの指定や、領域設定テーブル２２に格納された領域情報を取得し、これらの情報に基づいて、要素の配置領域を特定する。そして、配置領域特定部１３は、特定した配置領域を示す情報を、配置領域データ２３として記憶手段に格納する。なお、本実施例では、配置領域が矩形であるものとして以下説明する。 The arrangement area specifying unit 13 acquires the user designation related to the arrangement area received by the input receiving unit 11 and the area information stored in the area setting table 22, and determines the element arrangement area based on the information. Identify. Then, the arrangement area specifying unit 13 stores information indicating the specified arrangement area in the storage unit as arrangement area data 23. In the present embodiment, the following description will be made assuming that the arrangement area is rectangular.
配置方式特定部１４は、入力受付部１１により受け付けられた、要素の配置方式に関してユーザが指定した配置方式情報を取得し、当該配置方式情報に基づき、選択要素の配置方式を特定する。要素の配置方式とは、複数の要素をどのように並べて配置するかを示し、本実施例においては、縦配置又は横配置のいずれかであるものとする。そして、配置方式特定部１４は、特定した配置方式を、配置方式データ２４として記憶手段に格納する。なお、選択要素が単数である場合には、配置方式の特定は不要である。 The arrangement method specifying unit 14 acquires the arrangement method information specified by the user regarding the element arrangement method received by the input receiving unit 11, and specifies the arrangement method of the selected element based on the arrangement method information. The element arrangement method indicates how to arrange a plurality of elements side by side, and in this embodiment, it is assumed to be either vertical arrangement or horizontal arrangement. Then, the arrangement method specifying unit 14 stores the specified arrangement method in the storage unit as the arrangement method data 24. In addition, when there is a single selection element, it is not necessary to specify the arrangement method.
要素属性計算部１５は、選択要素テーブル２１に格納された選択要素に関する要素情報、サイズ初期値テーブル２５に格納された要素のサイズの初期値、及び配置領域データ２３に基づいて、各選択要素のサイズを計算する。さらに、要素属性計算部１５は、当該計算したサイズで選択要素を図形描画領域に配置した場合の配置位置の座標を計算する。なお、本明細書では、要素のサイズ及び配置位置のことをまとめて要素の属性と表記するものとする。また、要素のサイズには、要素の幅（width）及び高さ（height）が含まれる。本明細書において、単に要素のサイズと記載する場合には、要素の幅及び高さの少なくともいずれか一方を含んだ概念とする。要素属性計算部１５は、各選択要素について計算した属性を、要素属性テーブル２６に記録する。 Based on the element information on the selected element stored in the selected element table 21, the initial value of the element size stored in the size initial value table 25, and the arrangement area data 23, the element attribute calculation unit 15 Calculate the size. Furthermore, the element attribute calculation unit 15 calculates the coordinates of the arrangement position when the selected element is arranged in the graphic drawing area with the calculated size. In the present specification, the size and arrangement position of elements are collectively described as element attributes. The element size includes the width and height of the element. In this specification, when it is simply described as the size of an element, the concept includes at least one of the width and height of the element. The element attribute calculation unit 15 records the attribute calculated for each selected element in the element attribute table 26.
配置部１６は、選択要素を、要素属性テーブル２６に格納された属性に基づいて、図形描画領域（作業ウィンドウ）上に配置する。 The arrangement unit 16 arranges the selected element on the graphic drawing area (work window) based on the attribute stored in the element attribute table 26.
表示部１７は、ユーザが図形描画作業を行うインタフェースである図形描画画面を表示装置３２に表示する。この図形描画画面については後述する。 The display unit 17 displays a graphic drawing screen, which is an interface for a user to perform graphic drawing work, on the display device 32. This graphic drawing screen will be described later.
入力装置３１は、情報処理装置に対する指示操作を受け付ける装置であり、例えば、マウスやキーボード、タッチパネル等である。なお、例えば入力装置３１がタッチパネル等の場合には、入力装置３１と表示装置３２が同一装置となる。 The input device 31 is a device that receives an instruction operation on the information processing device, and is, for example, a mouse, a keyboard, a touch panel, or the like. For example, when the input device 31 is a touch panel or the like, the input device 31 and the display device 32 are the same device.
表示装置３２は、情報処理装置における処理結果等を表示する装置であり、本実施例では、図形描画画面を表示する。表示装置３２は、例えば、ディスプレイ等である。 The display device 32 is a device that displays a processing result or the like in the information processing device, and displays a graphic drawing screen in the present embodiment. The display device 32 is, for example, a display.
図２〜図７は、情報処理装置の記憶手段に格納された、選択要素テーブル２１、領域設定テーブル２２、配置領域データ２３、配置方式データ２４、サイズ初期値テーブル２５及び要素属性テーブル２６の構成及びデータ例を示す。 2 to 7 show configurations of the selected element table 21, the area setting table 22, the arrangement area data 23, the arrangement method data 24, the size initial value table 25, and the element attribute table 26 stored in the storage unit of the information processing apparatus. And an example of data is shown.
選択要素テーブル２１は、入力受付部１１により受け付けられた、選択要素に関する要素情報が格納されるテーブルである。選択要素テーブル２１は、図２に示すように、選択要素がユーザにより選択された順序が格納される「選択順序」カラム、選択要素の要素種別が格納される「要素種別」カラム、選択要素の幅の大きさをどのように設定するかを示す情報が格納される「幅設定方法」カラム、選択要素の高さをどのように設定するかを示す情報が格納される「高さ設定方法」カラム、及び、選択要素と当該選択要素の後に続く他の要素（例えば、要素の配置方式が横配置である場合には右の要素、縦配置である場合には下の要素が該当する）と間の間隔が格納される「間隔値」カラムを有する。なお、幅設定方法及び高さ設定方法の具体的内容については後述する。 The selected element table 21 is a table in which element information related to the selected element received by the input receiving unit 11 is stored. As shown in FIG. 2, the selection element table 21 includes an “selection order” column in which the order in which the selection elements are selected by the user is stored, an “element type” column in which the element types of the selection elements are stored, "Width setting method" column in which information indicating how to set the size of the width is stored, "Height setting method" in which information indicating how to set the height of the selected element is stored Column and other elements following the selected element and the selected element (for example, the right element when the element arrangement method is horizontal arrangement, and the lower element when vertical arrangement) It has an “interval value” column in which the interval is stored. The specific contents of the width setting method and the height setting method will be described later.
領域設定テーブル２２は、要素の配置領域となり得る図形描画領域を特定する情報が予め格納されるテーブルである。ここで、図形描画領域は、複数の領域に分割されている場合もある。この場合、分割された領域ごとに、領域を特定する情報が格納される。領域設定テーブル２２は、図３に示すように、各領域の識別子が格納される「領域区分」カラム、領域の左端のＸ座標が格納される「Xmin」カラム、領域の右端のＸ座標が格納される「Xmax」カラム、領域の上端のＹ座標が格納される「Ymin」カラム、及び、領域の下端のＹ座標が格納される「Ymax」を有する。なお、本実施例では、座標をｐｘ（ピクセル）値で表している。かかる座標について換言すれば、「Xmin」カラムの値は、図形の描画領域全体における左端から領域の左端までの距離を示し、「Xmax」カラムの値は、図形の描画領域全体における左端から領域の右端までの距離を示すこととなる。さらに、「Ymin」カラムの値は、図形の描画領域全体における上端から領域の上端までの距離を示し、「Ymax」カラムの値は、図形の描画領域全体における上端から領域の下端までの距離を示すこととなる。 The area setting table 22 is a table in which information for specifying a graphic drawing area that can be an element arrangement area is stored in advance. Here, the figure drawing area may be divided into a plurality of areas. In this case, information for specifying the area is stored for each divided area. As shown in FIG. 3, the region setting table 22 stores an “region classification” column in which identifiers of the respective regions are stored, an “Xmin” column in which X coordinates of the left end of the region are stored, and X coordinates of the right end of the region. “Xmax” column, “Ymin” column in which the Y coordinate of the upper end of the region is stored, and “Ymax” in which the Y coordinate of the lower end of the region is stored. In the present embodiment, the coordinates are represented by px (pixel) values. In other words, the value in the “Xmin” column indicates the distance from the left edge of the entire drawing area to the left edge of the area, and the value in the “Xmax” column indicates the distance from the left edge of the entire drawing area to the area. It shows the distance to the right end. Furthermore, the value in the “Ymin” column indicates the distance from the top edge of the entire drawing area of the figure to the top edge of the area, and the value in the “Ymax” column indicates the distance from the top edge of the entire drawing area of the figure to the bottom edge of the area. Will be shown.
配置領域データ２３は、選択要素を配置する配置領域を示すデータである。配置領域データ２３は、図４に示すように、配置領域の左端のＸ座標である「Xmin」、配置領域の右端のＸ座標である「Xmax」、配置領域の上端のＹ座標である「Ymin」、及び、配置領域の下端のＹ座標である「Ymax」の値を有する。 The arrangement area data 23 is data indicating an arrangement area in which the selected element is arranged. As shown in FIG. 4, the arrangement area data 23 includes “Xmin” which is the X coordinate of the left end of the arrangement area, “Xmax” which is the X coordinate of the right end of the arrangement area, and “Ymin which is the Y coordinate of the upper end of the arrangement area. ”And“ Ymax ”which is the Y coordinate of the lower end of the arrangement area.
配置方式データ２４は、選択要素の配置方式を示すデータである。配置方式データ２４は、図５に示すように、配置方式を示すデータ（縦配置又は横配置）を有する。 The arrangement method data 24 is data indicating the arrangement method of the selected element. As shown in FIG. 5, the arrangement method data 24 includes data (vertical arrangement or horizontal arrangement) indicating the arrangement method.
サイズ初期値テーブル２５は、要素のサイズの初期値が要素種別ごとに予め格納されるテーブルである。サイズ初期値テーブル２５は、図６に示すように、「要素種別」カラム、要素の幅の初期値が格納される「幅初期値」カラム、及び要素の高さの初期値が格納される「高さ初期値」カラムを有する。 The size initial value table 25 is a table in which initial values of element sizes are stored in advance for each element type. As shown in FIG. 6, the size initial value table 25 stores an “element type” column, an “width initial value” column in which the initial value of the element width is stored, and an initial value of the height of the element “ It has an “Initial Height” column.
要素属性テーブル２６は、要素属性計算部１５によって計算された、各選択要素の属性が格納されるテーブルである。要素属性テーブル２６は、図７に示すように、「選択順序」カラム、「要素種別」カラムを有するとともに、選択要素の配置位置として、図形描画領域全体における左端からの距離を示す「left」カラム及び図形の描画領域全体における上端からの距離を示す「top」カラムを有する。換言すれば、「left」カラムの値は、選択要素の左端のＸ座標であり、「top」カラムの値は、選択要素の上端のＹ座標である。さらに、要素属性テーブル２６は、選択要素のサイズとして、選択要素の幅を示す「width」カラム及び選択要素の高さを示す「height」カラムを有する。 The element attribute table 26 is a table in which attributes of each selected element calculated by the element attribute calculation unit 15 are stored. As shown in FIG. 7, the element attribute table 26 has a “selection order” column and an “element type” column, and a “left” column indicating the distance from the left end in the entire graphic drawing area as the arrangement position of the selected element. And a “top” column indicating the distance from the upper end in the entire drawing area of the figure. In other words, the value of the “left” column is the X coordinate of the left end of the selected element, and the value of the “top” column is the Y coordinate of the upper end of the selected element. Furthermore, the element attribute table 26 has a “width” column indicating the width of the selected element and a “height” column indicating the height of the selected element as the size of the selected element.
図８は、表示装置３２に表示される図形描画画面の一例を示す。図形描画画面３１は、作業ウィンドウ３２、要素バー３３及び選択要素一覧３４を含む。作業ウィンドウ３２は、図形描画領域を表示する部分であり、選択要素を配置した状態の画面が表示（プレビュー）される。要素バー３３は、要素種別が表示される部分である。ユーザは、選択要素を選択する際に、要素バー３３に表示された要素種別を選択する。なお、要素種別はいかなる手順で選択してもよく、例えば、要素バー３３に表示された要素種別にカーソルが位置している状態でマウスを右クリックして選択する等の方法でもよい。選択要素一覧３４は、選択要素が、選択された順に表示される部分である。ユーザは、要素を選択した後、この選択要素一覧３４を用いて、選択要素に関する要素情報を修正することができる。図９は、選択要素一覧３４で表示される内容の一例を示している。選択要素一覧３４は、上述した選択要素テーブル２１と同様の構造を有し、「選択順序」カラム、「要素種別」カラム、「幅設定方法」カラム、「高さ設定方法」カラム、及び「間隔値」カラムを有する。選択要素一覧３４において設定された情報は、選択要素テーブル２１に格納される。なお、ユーザは、例えば、選択要素一覧３４の選択要素の選択順序の修正、選択要素の削除等を行うこともできる。 FIG. 8 shows an example of a graphic drawing screen displayed on the display device 32. The graphic drawing screen 31 includes a work window 32, an element bar 33, and a selected element list 34. The work window 32 is a portion that displays a graphic drawing area, and displays a screen (preview) in a state where selected elements are arranged. The element bar 33 is a part where the element type is displayed. The user selects an element type displayed on the element bar 33 when selecting a selected element. The element type may be selected by any procedure. For example, the element type may be selected by right-clicking the mouse while the cursor is positioned on the element type displayed on the element bar 33. The selection element list 34 is a part where the selection elements are displayed in the order of selection. After selecting an element, the user can modify element information regarding the selected element using the selected element list 34. FIG. 9 shows an example of content displayed in the selection element list 34. The selection element list 34 has the same structure as the selection element table 21 described above, and includes a “selection order” column, an “element type” column, a “width setting method” column, a “height setting method” column, and an “interval”. Has a Value column. Information set in the selection element list 34 is stored in the selection element table 21. Note that the user can also correct the selection order of the selection elements in the selection element list 34, delete the selection elements, and the like.
ここで、選択要素一覧３４において「幅設定方法」カラム及び「高さ設定方法」カラムに設定されるデータ（すなわち、選択要素テーブル２１の「幅設定方法」カラム及び「高さ設定方法」カラムに格納されるデータ）の内容について説明する。「幅設定方法」カラム及び「高さ設定方法」カラムには、図９に示す選択要素一覧３４の１レコード目の幅設定方法においてリストボックスで例示されているように、「デフォルト」、「自動」及び「ユーザ指定」の３種類の設定を行うことができる。「デフォルト」は、サイズ初期値テーブル２５に設定されたサイズを要素のサイズとする設定方法である。「自動」は、配置領域のサイズ（幅設定方法の場合は幅、高さ設定方法の場合は高さ）のうち、選択要素間の間隔となる部分を除いた残りの長さを均等に分けることによって要素のサイズを決定する方法である。ここで、設定方法が「自動」以外の要素（すなわち、「デフォルト」又は「ユーザ指定」の要素であり、換言すれば、固定値の要素）が存在する場合には、設定方法が「自動」以外の要素が占める領域をさらに除いた残りの領域の長さを均等に分けることによって選択要素のサイズが決定される。なお、具体的なサイズの計算方法については後述する。「ユーザ指定」は、ユーザが直接入力した数値を要素のサイズとする設定方法である。ユーザは、「ユーザ指定」の設定方法を選択した場合には、選択要素一覧３４において、具体的な要素のサイズのピクセル値の入力を行う。 Here, the data set in the “width setting method” column and the “height setting method” column in the selection element list 34 (that is, in the “width setting method” column and the “height setting method” column of the selection element table 21). The contents of (stored data) will be described. In the “width setting method” column and the “height setting method” column, as exemplified in the list box in the width setting method of the first record of the selection element list 34 shown in FIG. ”And“ User designation ”can be set. “Default” is a setting method in which the size set in the initial size value table 25 is used as the element size. "Automatic" equally divides the remaining length of the arrangement area size (width for the width setting method, height for the height setting method) excluding the portion that becomes the interval between the selected elements This is a method for determining the size of an element. Here, when the setting method includes an element other than “automatic” (that is, an element of “default” or “user designation”, in other words, an element of a fixed value), the setting method is “automatic”. The size of the selected element is determined by equally dividing the length of the remaining area excluding the area occupied by other elements. A specific size calculation method will be described later. “User designation” is a setting method in which a numerical value directly input by a user is used as an element size. When the user selects the “user designation” setting method, the user inputs a pixel value of a specific element size in the selection element list 34.
また、選択要素一覧３４の「間隔値」カラムには、所定の値が初期値として表示される。この間隔値は、ユーザが任意に変更することができる。さらに、初期値の設定自体も、ユーザが任意に変更することができる。なお、「間隔値」カラムの値は、前述したように、要素と、当該要素の後に続く他の要素との間の長さであるため、選択要素に続く要素が存在しない場合は無効になる。 A predetermined value is displayed as an initial value in the “interval value” column of the selection element list 34. This interval value can be arbitrarily changed by the user. Further, the initial value setting itself can be arbitrarily changed by the user. As described above, the value in the “interval value” column is the length between the element and another element that follows the element, and is invalid if there is no element that follows the selected element. .
かかる図形描画装置で行われる図形描画処理の一例につき、図１０及び図１１に示すフローチャートを参照しつつ説明する。図１０は、図形描画処理の全体の流れを示すフローチャートであり、図１１は、図形描画処理のうち、特に、要素属性計算部１５が行う処理について詳細に示すフローチャートである。 An example of the graphic drawing process performed by the graphic drawing apparatus will be described with reference to the flowcharts shown in FIGS. FIG. 10 is a flowchart showing the entire flow of the graphic drawing process, and FIG. 11 is a flowchart showing in detail the process performed by the element attribute calculation unit 15 in the graphic drawing process.
図１０のステップ１（図ではＳ１と表記されている。以下同様）では、入力受付部１１が、ユーザが描写対象の図形の全体又は一部分として選択した選択要素に関する要素情報を、入力装置３１を介して受け付ける。このとき、ユーザは、図８に示す図形描画画面上における要素バー３３を用いて要素種別を特定しつつ要素を選択し、図９に示す選択要素一覧３４を用いて、選択要素に関する要素情報を設定する。 In step 1 of FIG. 10 (denoted as S1 in the figure. The same applies hereinafter), the input receiving unit 11 receives element information on the selected element selected as the whole or a part of the graphic to be drawn by the input device 31. Accept through. At this time, the user selects an element while specifying the element type using the element bar 33 on the graphic drawing screen shown in FIG. 8, and uses the selected element list 34 shown in FIG. Set.
ステップ２では、要素記録部１２が、入力受付部１１により受け付けられた、選択要素に関する要素情報を、選択要素テーブル２１に格納する。 In step 2, the element recording unit 12 stores the element information related to the selected element received by the input receiving unit 11 in the selected element table 21.
ステップ３〜４及びステップ５〜７は、配置領域を特定する処理を示す。ここで、ステップ３〜４は、ユーザにより配置領域の起点及び終点の両方が指定される場合の処理を示す。なお、配置領域の起点及び終点を指定する方法としては、例えば、ユーザがマウス操作で起点から終点までの矩形範囲を画する方法がある。 Steps 3 to 4 and steps 5 to 7 show processing for specifying the arrangement area. Here, Steps 3 to 4 show processing in the case where both the start point and end point of the arrangement area are designated by the user. As a method for designating the start point and end point of the arrangement area, for example, there is a method in which the user draws a rectangular range from the start point to the end point by a mouse operation.
ステップ３では、入力受付部１１が、配置領域の起点の位置（Xmin,Ymin）及び終点の位置（Xmax,Ymax）に関するユーザの指定を受け付ける。なお、図１２は、ユーザにより配置領域の起点及び終点が指定された場合における配置領域の特定の例を示している。 In step 3, the input receiving unit 11 receives a user designation regarding the start position (Xmin, Ymin) and end position (Xmax, Ymax) of the arrangement area. FIG. 12 shows a specific example of the arrangement area when the start and end points of the arrangement area are designated by the user.
ステップ４では、配置領域特定部１３が、入力受付部１１により受け付けられた起点の位置及び終点の位置の座標を、配置領域データ２３として記憶手段に格納する。 In step 4, the arrangement area specifying unit 13 stores the coordinates of the start point position and the end point position received by the input receiving unit 11 as arrangement area data 23 in the storage unit.
例えば、入力受付部１１により受け付けられた起点の位置の座標が（0px,40px）であり、終点の位置の座標が（165px,50px）である場合、配置領域データ２３は、図４に示すようになる。 For example, when the coordinates of the position of the starting point received by the input receiving unit 11 are (0px, 40px) and the coordinates of the position of the end point are (165px, 50px), the arrangement area data 23 is as shown in FIG. become.
一方、ステップ５〜７は、ユーザにより配置領域の起点のみが指定される場合の処理を示す。この場合、配置領域の起点を指定する方法としては、例えば、ユーザが、起点とする位置にカーソルがある状態でマウスを右クリックすることにより起点を指定する等の方法がある。 On the other hand, Steps 5 to 7 show processing when only the starting point of the arrangement area is designated by the user. In this case, as a method for designating the starting point of the arrangement area, for example, there is a method in which the user designates the starting point by right-clicking the mouse while the cursor is at the starting point.
ステップ５では、入力受付部１１が、配置領域の起点の位置（Xmin,Ymin）に関するユーザの指定を受け付ける。 In step 5, the input receiving unit 11 receives a user designation regarding the position (Xmin, Ymin) of the starting point of the arrangement area.
ステップ６では、配置領域特定部１３が、入力受付部１１により受け付けられた起点の位置及び領域設定テーブル２２に格納された領域情報に基づいて、配置領域の終点の位置を特定する。具体的には、まず、配置領域特定部１３は、領域設定テーブル２２に格納された、各領域区分が占める領域を示す座標を参照し、入力受付部１１により受け付けられた起点の位置が、どの領域区分に属しているかを特定する。そして、配置領域特定部１３は、特定した領域区分の右下端（Xmax,Ymax）の座標を、配置領域の終点の位置の座標として特定する。 In step 6, the arrangement area specifying unit 13 specifies the position of the end point of the arrangement area based on the position of the starting point received by the input receiving unit 11 and the area information stored in the area setting table 22. Specifically, first, the arrangement area specifying unit 13 refers to the coordinates indicating the area occupied by each area section stored in the area setting table 22, and the position of the starting point received by the input receiving unit 11 is determined. Specify whether it belongs to the area division. Then, the arrangement area specifying unit 13 specifies the coordinates of the lower right end (Xmax, Ymax) of the specified area section as the coordinates of the position of the end point of the arrangement area.
例えば、入力受付部１１により受け付けられた起点の位置の座標が（0px,40px）である場合、図３に示す領域設定テーブル２２に格納されたレコードを参照すると、この起点の位置の座標は、「領域１」の領域区分に属していることが特定できる。このため、配置領域特定部１３は、領域設定テーブル２２に格納された、領域１の右下端（165px,50px）の座標を、配置領域の終点の座標として特定する。なお、図１３は、このようにユーザにより配置領域の起点のみが指定された場合における配置領域の特定の例を示している。 For example, when the coordinates of the position of the starting point received by the input receiving unit 11 are (0px, 40px), referring to the record stored in the area setting table 22 shown in FIG. It can be specified that it belongs to the area section “area 1”. Therefore, the arrangement area specifying unit 13 specifies the coordinates of the lower right end (165 px, 50 px) of the area 1 stored in the area setting table 22 as the coordinates of the end point of the arrangement area. FIG. 13 shows a specific example of the arrangement area when only the starting point of the arrangement area is designated by the user.
ステップ７では、配置領域特定部１３は、入力受付部１１により受け付けられた起点の位置の座標及び特定した終点の位置の座標を、配置領域データ２３として記憶手段に格納する。 In step 7, the arrangement area specifying unit 13 stores the coordinates of the position of the starting point received by the input receiving unit 11 and the coordinates of the specified end point in the storage unit as arrangement area data 23.
例えば、ステップ６の説明で示したように、入力受付部１１により受け付けられた起点の位置の座標が（0px,40px）であり、特定した終点の位置の座標が（165px,50px）である場合、配置領域データ２３は、図４に示すようになる。 For example, as shown in the description of step 6, the coordinates of the position of the starting point received by the input receiving unit 11 are (0px, 40px), and the coordinates of the specified end point are (165px, 50px) The arrangement area data 23 is as shown in FIG.
ステップ８では、入力受付部１１が、選択要素の配置方式に関するユーザの指定を受け付ける。なお、選択要素の配置方式を指定する方法としては、例えば、ユーザが、作業画面上にカーソルがある状態でマウスを右クリックして表示されるメニューから横配置又は縦配置を選択する等の方法がある。また、作業画面上に、配置方式を選択するためのユーザインタフェースを設けることにより、ユーザがユーザインタフェースを用いて配置方式を選択できるようにしてもよい。 In step 8, the input receiving unit 11 receives a user designation regarding the arrangement method of the selected elements. As a method for designating the arrangement method of the selected elements, for example, a method in which the user selects a horizontal arrangement or a vertical arrangement from a menu displayed by right-clicking the mouse while the cursor is on the work screen, etc. There is. Further, a user interface for selecting an arrangement method may be provided on the work screen so that the user can select the arrangement method using the user interface.
ステップ９では、要素属性計算部１５が、選択要素テーブル２１に格納された選択要素に関するデータ及び配置領域データ２３に基づいて、要素の属性を計算し、計算結果を要素属性テーブル２６に格納する。この計算処理については後で詳述する。 In step 9, the element attribute calculation unit 15 calculates the attribute of the element based on the data related to the selected element stored in the selected element table 21 and the arrangement area data 23, and stores the calculation result in the element attribute table 26. This calculation process will be described in detail later.
ステップ１０では、配置部１６が、要素属性テーブル２６に格納されたデータに基づいて、作業ウィンドウ上に選択要素を仮配置する。そして、表示部１７が、選択要素が仮配置されて描画された作業ウィンドウを、表示装置３２に表示（プレビュー）する。なお、図１４は、選択要素が仮配置されて描画された作業ウィンドウの一例を示す。 In step 10, the arrangement unit 16 temporarily arranges the selected element on the work window based on the data stored in the element attribute table 26. Then, the display unit 17 displays (previews) the work window on which the selected element is temporarily arranged and drawn. FIG. 14 shows an example of a work window in which selection elements are temporarily arranged and drawn.
ステップ１１では、配置部１６が、プレビューを見たユーザによって、選択要素に関する要素情報の修正がなされたか否かを判定する。換言すれば、配置部１６は、入力受付部１１により選択要素に関する要素情報の修正が受け付けられたか否かを判定する。なお、ユーザは、要素情報の修正を、選択要素一覧３４を用いて行うことができる。要素情報の修正がなされた場合にはステップ９に戻り、要素属性計算部１５が、要素の属性を再計算する。一方、要素情報の修正がなされず、ユーザにより選択要素の配置の確定操作がなされた場合にはステップ１２に進む。 In step 11, the arrangement unit 16 determines whether or not the element information regarding the selected element has been corrected by the user who has viewed the preview. In other words, the placement unit 16 determines whether or not the input receiving unit 11 has received correction of element information regarding the selected element. The user can correct the element information using the selected element list 34. If the element information has been corrected, the process returns to step 9 and the element attribute calculation unit 15 recalculates the element attributes. On the other hand, if the element information has not been corrected and the user has confirmed the arrangement of the selected element, the process proceeds to step 12.
ステップ１２では、配置部１６が、選択要素の配置を確定させる。 In step 12, the placement unit 16 determines the placement of the selected element.
次に、図１１のフローを参照しつつ、要素属性計算部１５による計算処理について説明する。 Next, calculation processing by the element attribute calculation unit 15 will be described with reference to the flow of FIG.
ステップ２１では、要素属性計算部１５が、選択要素テーブル２１を参照し、選択要素に関する要素情報を取得する。 In step 21, the element attribute calculation unit 15 refers to the selected element table 21 and acquires element information related to the selected element.
ステップ２２では、要素属性計算部１５が、配置領域データ２３を参照し、配置領域の情報を取得する。 In step 22, the element attribute calculation unit 15 refers to the arrangement area data 23 and acquires arrangement area information.
ステップ２３では、要素属性計算部１５が、配置方式データ２４を参照し、配置方式の情報を取得する。 In step 23, the element attribute calculation unit 15 refers to the arrangement method data 24 and acquires information on the arrangement method.
ステップ２４では、要素属性計算部１５が、幅設定方法又は高さ設定方法が「自動」に設定された選択要素があるか否かを判定する。幅設定方法又は高さ設定方法が「自動」に設定された選択要素がある場合には、ステップ２５に進み（Ｙｅｓ）、幅設定方法又は高さ設定方法が「自動」に設定された選択要素がない場合には、ステップ２９に進む（Ｎｏ）。 In step 24, the element attribute calculation unit 15 determines whether or not there is a selected element whose width setting method or height setting method is set to “automatic”. If there is a selection element whose width setting method or height setting method is set to “automatic”, the process proceeds to step 25 (Yes), and the selection element whose width setting method or height setting method is set to “automatic” is selected. If not, the process proceeds to step 29 (No).
ステップ２５では、要素属性計算部１５が、各選択要素の幅及び高さを示す具体的な数値を取得する。具体的には、選択要素テーブル２１に格納された選択要素に関する要素情報において、幅設定方法又は高さ設定方法が「デフォルト」の場合には、サイズ初期値テーブル２５を参照し、その選択要素の要素種別の幅初期値又は高さ初期値を取得する。また、幅設定方法又は高さ設定方法が「ユーザ設定」である場合、すなわち、具体的な数値が選択要素テーブル２１に格納されている場合には、その数値を取得する。 In step 25, the element attribute calculation unit 15 acquires specific numerical values indicating the width and height of each selected element. Specifically, in the element information related to the selected element stored in the selected element table 21, when the width setting method or the height setting method is “default”, the size initial value table 25 is referred to, and the selected element Get the initial width or height of the element type. Further, when the width setting method or the height setting method is “user setting”, that is, when a specific numerical value is stored in the selection element table 21, the numerical value is acquired.
ステップ２６では、要素属性計算部１５が、配置方式が横配置又は縦配置のいずれであるかを判定する。配置方式が横配置の場合にはステップ２７に進み（Ｙｅｓ）、配置方式が縦配置の場合にはステップ２８に進む（Ｎｏ）。 In step 26, the element attribute calculation unit 15 determines whether the arrangement method is horizontal arrangement or vertical arrangement. If the arrangement method is horizontal arrangement, the process proceeds to step 27 (Yes), and if the arrangement method is vertical arrangement, the process proceeds to step 28 (No).
ステップ２７では、要素属性計算部１５が、幅設定方法が「自動」に設定された選択要素につき、幅の大きさを計算する。この場合の計算式は、例えば次のようになる。
［横配置の場合の幅算出計算式の例］
幅（width）=[(Xmax-Xmin)-Sum(幅設定方法が「デフォルト」の選択要素の幅初期値)-Sum(幅設定方法が「ユーザ指定」の選択要素の幅)-Sum(全ての選択要素の間隔値)]/幅設定方法が「デフォルト」の選択要素の数n
なお、当該計算式のうち、(Xmax-Xmin) は、配置領域の幅を表す。
In step 27, the element attribute calculation unit 15 calculates the size of the width for the selected element whose width setting method is set to “automatic”. The calculation formula in this case is, for example, as follows.
[Example of calculation formula for width in horizontal layout]
Width (width) = [(Xmax-Xmin) -Sum (Default width of the selected element whose width setting method is "Default") -Sum (Width of the selected element whose width setting method is "User specified") -Sum (All Interval value of selected elements)] / number of selected elements whose width setting method is "default"
In the calculation formula, (Xmax−Xmin) represents the width of the arrangement region.
また、要素属性計算部１５は、高さ設定方法が「自動」に設定された選択要素につき、高さの大きさを計算する。この場合の計算式は、例えば次のようになる。
［横配置の場合の高さ算出計算式の例］
高さ（height）=Ymax-Ymin
ステップ２８では、要素属性計算部１５が、幅設定方法が「自動」に設定された選択要素につき、幅の大きさを計算する。この場合の計算式は、例えば次のようになる。
［縦配置の場合の幅算出計算式の例］
幅（width）=Xmax-Xmin
また、要素属性計算部１５は、高さ設定方法が「自動」に設定された選択要素につき、高さを計算する。この場合の計算式は、例えば次のようになる。
［縦配置の場合の高さ算出計算式の例］
高さ（height）=[Ymax-Ymin-Sum(デフォルトの要素の高さ)-Sum(ユーザ選択要素の高さ)-Sum(すべての要素の間隔)]/自動選択要素の数n
なお、幅設定方法が「デフォルト」の選択要素の幅初期値及び高さ設定方法が「デフォルト」の選択要素の高さ初期値は、サイズ初期値テーブル２５から取得することができる。
Further, the element attribute calculation unit 15 calculates the size of the height for the selected element whose height setting method is set to “automatic”. The calculation formula in this case is, for example, as follows.
[Example of height calculation formula for horizontal placement]
Height = Ymax-Ymin
In step 28, the element attribute calculation unit 15 calculates the size of the width for the selected element whose width setting method is set to “automatic”. The calculation formula in this case is, for example, as follows.
[Example of calculation formula for width in vertical layout]
Width = Xmax-Xmin
Further, the element attribute calculation unit 15 calculates the height for the selected element whose height setting method is set to “automatic”. The calculation formula in this case is, for example, as follows.
[Example of height calculation formula for vertical placement]
Height = [Ymax-Ymin-Sum (default element height) -Sum (user-selected element height) -Sum (space between all elements)] / number of auto-selected elements n
Note that the initial width value of the selected element whose width setting method is “default” and the initial height value of the selected element whose height setting method is “default” can be acquired from the initial size value table 25.
ステップ２９では、要素属性計算部１５が、計算結果が有効であるか否かを判定する。計算結果が有効である場合とは、計算結果の幅及び高さが０より大きい場合である。計算結果の幅及び高さの少なくともいずれか一方が０以下である場合には、計算結果は無効となる。計算結果が有効である場合には、ステップ３０に進み、計算結果が無効である場合には、図形描画処理を終了させる。このとき、表示部１７が、エラーメッセージを表示装置３２に表示させてもよい。図形描画処理が終了すると、ユーザは、作業画面において再度要素を選択し、選択要素一覧３４において、選択要素に関する要素情報を設定することとなる。 In step 29, the element attribute calculation unit 15 determines whether the calculation result is valid. The case where the calculation result is valid is a case where the width and height of the calculation result are larger than zero. When at least one of the width and height of the calculation result is 0 or less, the calculation result is invalid. If the calculation result is valid, the process proceeds to step 30. If the calculation result is invalid, the graphic drawing process is terminated. At this time, the display unit 17 may display an error message on the display device 32. When the graphic drawing process ends, the user selects an element again on the work screen, and sets element information related to the selected element in the selected element list 34.
ステップ３０では、各選択要素の位置の座標（各選択要素の左端（left）及び上端（top））を計算する。 In step 30, the coordinates of the position of each selected element (the left end and the upper end (top) of each selected element) are calculated.
この選択要素の位置の座標の計算は、例えば、次のように行う。配置方式が横配置の場合には、領域区分内において選択順序が早いものから順に左から配置するように、各選択要素の幅の大きさ及び間隔値を用いてleftを計算する。例えば、左から２番目に配置する選択要素のleftは、配置領域の左端のＸ座標の値と、左から１番目の選択要素の幅と、１番目の選択要素と２番目の選択要素との間の間隔値と、を合算した値となる。この場合、例えばtopは、領域区分の上端のＹ座標（Ymin）と同一にしてもよいし、領域区分の上端のＹ座標から所定の間隔だけ離れた座標としてもよい。一方、配置方式が縦配置の場合には、領域区分内において選択順序が早いものから順に上から配置するように、各選択要素の高さ及び間隔値を用いてtopを計算する。この場合、例えばleftは、領域区分の左端のＸ座標（Xmin）と同一にしてもよいし、領域区分の左端の座標から所定の間隔だけ離れた座標としてもよい。 The calculation of the coordinates of the position of the selection element is performed as follows, for example. When the arrangement method is horizontal arrangement, the left is calculated using the width size and the interval value of each selection element so that the selection order is from the left in the region segment. For example, the left of the selection element arranged second from the left is the X coordinate value of the left end of the arrangement area, the width of the first selection element from the left, the first selection element and the second selection element. It becomes the value which added together the interval value between. In this case, for example, top may be the same as the Y coordinate (Ymin) of the upper end of the region segment, or may be a coordinate separated from the Y coordinate of the upper end of the region segment by a predetermined interval. On the other hand, when the arrangement method is vertical arrangement, top is calculated using the height and the interval value of each selection element so that the selection order is arranged from the top in the region segment in order. In this case, for example, the left may be the same as the X coordinate (Xmin) of the left end of the region section, or may be a coordinate separated from the left end coordinate of the region section by a predetermined interval.
ステップ３１では、計算又は取得した選択要素の属性を、要素属性テーブル２６に格納する。 In step 31, the attribute of the selected element calculated or acquired is stored in the element attribute table 26.
なお、ユーザが選択要素一覧３４を用いて設定した選択要素に関する要素情報が図２に示す選択要素テーブル２１のデータであって、ユーザが指定した配置方式が図５の配置方式データ２４に示すように横配置であり、配置領域データ２３が図４に示す内容である場合、要素属性計算部１５によって計算又は取得された結果の各選択要素の属性は、図７に示す要素属性テーブル２６のデータ例のようになる。 The element information related to the selected element set by the user using the selected element list 34 is the data of the selected element table 21 shown in FIG. 2, and the arrangement method designated by the user is shown in the arrangement method data 24 of FIG. 4 and the arrangement area data 23 has the contents shown in FIG. 4, the attribute of each selected element as a result calculated or obtained by the element attribute calculator 15 is the data of the element attribute table 26 shown in FIG. As an example.
具体的に説明すると、図２に示した選択要素に関する要素情報のうち、選択順序が１及び３の選択要素は、幅設定方法が「デフォルト」である。そして、選択順序が１及び３の選択要素は、いずれも要素種別が「ａ」であるため、これらの選択要素の幅は、図３に示すサイズ初期値テーブル２５のレコードのうち、要素種別が「ａ」のレコードに設定された幅初期値の「３０ｐｘ」となる。さらに、選択順序が５の選択要素は、幅設定方法に数値「３０ｐｘ」が直接格納されており、これはすなわち幅設定方法が「ユーザ設定」であるということである。このため、選択順序が５の選択要素の幅は、この選択要素テーブル２１に設定された「３０ｐｘ」となる。一方、選択順序が２、４及び６の選択要素は、幅設定方法が「自動」である。このため、これらの選択要素の幅は、前述した［横配置の場合の幅算出計算式の例］の計算式に基づいて計算される。すなわち、
[(165-0)-(30+30)-30)-(3+3+3+3+3)]/3 = 20
となり、選択順序が２、４及び６の選択要素の幅は「２０ｐｘ」となる。
More specifically, among the element information related to the selected elements shown in FIG. 2, the selected elements having the selection order of 1 and 3 have the width setting method “default”. Since the selected elements of the selection order 1 and 3 both have the element type “a”, the width of these selected elements is the element type of the records in the size initial value table 25 shown in FIG. The width initial value set to the record “a” is “30 px”. Further, for the selection element having the selection order of 5, the numerical value “30 px” is directly stored in the width setting method, that is, the width setting method is “user setting”. Therefore, the width of the selection element whose selection order is 5 is “30 px” set in the selection element table 21. On the other hand, for the selection elements of selection order 2, 4, and 6, the width setting method is “automatic”. For this reason, the widths of these selection elements are calculated based on the calculation formula of [Example of calculation formula for width in the case of horizontal arrangement] described above. That is,
[(165-0)-(30 + 30) -30)-(3 + 3 + 3 + 3 + 3)] / 3 = 20
Thus, the widths of the selection elements whose selection orders are 2, 4 and 6 are “20 px”.
一方、高さについては、全選択要素の高さ設定方法が「自動」であるため、全選択要素の高さが、前述した［横配置の場合の高さ算出計算式の例］の計算式に基づいて計算される。すなわち、50-40 = 10 となり、全選択要素の高さは10となる。 On the other hand, for the height, since the height setting method of all the selected elements is “automatic”, the height of all the selected elements is the calculation formula of [Example of calculating height in the case of horizontal arrangement] described above. Calculated based on That is, 50-40 = 10, and the height of all selected elements is 10.
そして、これらの選択要素を、配置領域の左端から順に、間隔値の分だけ間隔をあけて配置すると、各選択要素のleft及びtopの座標は、それぞれ、図７の要素属性テーブル２６に示す値のようになる。 Then, when these selected elements are arranged in order from the left end of the arrangement area with an interval corresponding to the interval value, the left and top coordinates of each selected element are the values shown in the element attribute table 26 of FIG. become that way.
なお、かかる計算結果である図７の要素属性テーブル２６の値に基づいて、選択要素を作業ウィンドウ上に配置した状態を示すのが図１４である。なお、図１４では、全ての選択要素の要素種別が矩形であるものとして表示している。このように、ユーザが選択要素一覧３４において選択要素の情報について設定を行えば、配置領域内において、各選択要素が適切なサイズで整列されて配置される。 FIG. 14 shows a state in which the selected element is arranged on the work window based on the value of the element attribute table 26 of FIG. In FIG. 14, the element types of all the selected elements are displayed as being rectangular. As described above, when the user sets the information on the selected element in the selected element list 34, the selected elements are arranged in an appropriate size in the arrangement area.
前述した図形描画装置及び図形描画処理によれば、選択要素の幅設定方法又は高さ設定方法が「自動」に設定されている場合に、配置領域及び配置方式に基づいて、選択要素の幅又は高さが計算される。そして、計算された幅又は高さに基づいて、選択要素が配置される位置の座標が自動で決定される。このため、ユーザは、選択要素について自ら幅や高さの大きさを設定したり、選択要素の配置位置を調整したりする必要がなくなり、図形描画作業の負担が軽減される。 According to the graphic drawing device and the graphic drawing process described above, when the width setting method or the height setting method of the selected element is set to “automatic”, the width or width of the selected element is determined based on the arrangement area and the arrangement method. The height is calculated. Based on the calculated width or height, the coordinates of the position where the selected element is arranged are automatically determined. This eliminates the need for the user to set the width and height of the selected element and adjust the arrangement position of the selected element, thereby reducing the burden of the graphic drawing work.
ここで、上記実施例では、選択要素が複数である場合を例に挙げて説明をしたが、選択要素が単数であっても前述した図形描画処理を適用することは可能である。例えば、選択要素が単数の場合、幅設定方法及び高さ設定方法を「自動」にしておけば、選択要素の幅及び高さはそれぞれ配置領域の幅及び高さとなり、選択要素の属性を調整する手間を省くことができる。しかし、本図形描画処理によれば、上記実施例のように、複数の選択要素を整列させて配置するときに、特に、図形描画作業の負担の大幅な軽減を図ることができる。 Here, in the above-described embodiment, the case where there are a plurality of selection elements has been described as an example. However, the graphic drawing process described above can be applied even if there is a single selection element. For example, if there is a single selected element, if the width setting method and height setting method are set to "Automatic", the width and height of the selected element will be the width and height of the placement area, respectively, and the attributes of the selected element will be adjusted. This saves you time and effort. However, according to this graphic drawing process, when a plurality of selection elements are arranged and arranged as in the above embodiment, the burden of graphic drawing work can be greatly reduced.
さらに、上記図形描画処理によれば、ユーザは、選択要素一覧３４を用いて選択要素の一部の大きさの設定方法を「自動」と設定する一方で、他の選択要素の大きさの設定方法を「デフォルト」と設定することもできる。この場合、当該選択要素の大きさは、サイズ初期値テーブル２５に設定された初期値の大きさとすることができる。また、ユーザは、選択要素一覧３４を用いて選択要素の一部の大きさの設定方法を「自動」と設定する一方で、他の選択要素の大きさの設定方法を「ユーザ設定」とし、具体的な数値を設定することもできる。この場合、当該選択要素の大きさは、ユーザが設定した具体的な数値の大きさとなる。 Further, according to the graphic drawing process described above, the user sets the size setting method of a part of the selected element to “automatic” using the selection element list 34 while setting the size of the other selected element. You can also set the method as “default”. In this case, the size of the selected element can be the size of the initial value set in the size initial value table 25. In addition, the user sets a method for setting the size of a part of the selected element using the selection element list 34 as “automatic”, while setting the method for setting the size of another selected element as “user setting”. Specific numerical values can also be set. In this case, the size of the selection element is a specific numerical value set by the user.
そして、このように選択要素の一部の大きさにつき固定値が設定されたとしても、上記図形描画処理によれば、これらの固定値の大きさの選択要素の存在を考慮した上で、設定方法が「自動」の選択要素の大きさが計算され、全ての要素が整列されて配置される。このため、ユーザにとっては、大きさを固定的に設定したい要素と一律で大きさを計算させたい要素とを混在させても、全ての選択要素が自動調整された状態で配置されるため、柔軟に図形描画を行うことができる。しかし、かかる計算方法に限らず、例えば、サイズ設定方法の指定を特に受け付けず、サイズ設定方法が全て「自動」であるものとして計算を行ってもよい。 Even if a fixed value is set for a part of the size of the selected element in this way, according to the graphic drawing process, the setting is made in consideration of the existence of the selected element having the size of the fixed value. The size of the selected element whose method is “automatic” is calculated, and all elements are arranged and arranged. For this reason, even if the element whose size is to be fixedly set and the element whose size is to be calculated uniformly are mixed, all the selected elements are arranged in an automatically adjusted state. Drawing can be performed. However, the present invention is not limited to such a calculation method. For example, the specification of the size setting method is not particularly accepted, and the calculation may be performed assuming that all the size setting methods are “automatic”.
また、上記図形描画処理によれば、領域区分を領域設定テーブル２２に設定しておき、図１３で示したように特定の領域を配置領域として指定すれば、図形描画領域のうち特定の領域区分の範囲内で配置領域が特定される。そして、その配置領域の範囲内において、選択要素の大きさ及び位置が計算され、配置される。このため、例えば、ウェブ画面を作成する場合等において、図形描画領域をヘッダー部分やボディ部分、フッター部分等に分けて領域区分を設定しておけば、各々の領域区分ごとに選択要素を整列させて配置することができ、見栄えのよい画面を容易に作成することができる。また、その一方で、ユーザは、領域区分の設定に関係なく、図１２で示したように、任意に配置領域を指定することもできるため、作業の簡易性と図形描画の柔軟性との両方が実現されている。 Further, according to the graphic drawing process, if the area division is set in the area setting table 22 and a specific area is designated as the arrangement area as shown in FIG. The arrangement area is specified within the range of. Then, the size and position of the selected element are calculated and arranged within the arrangement area. For this reason, for example, when creating a web screen, if the figure drawing area is divided into a header part, a body part, a footer part, etc., and the area division is set, the selected elements are aligned for each area division. The screen can be easily created. On the other hand, since the user can arbitrarily designate the arrangement area as shown in FIG. 12 regardless of the setting of the area division, both the simplicity of the work and the flexibility of the graphic drawing are achieved. Is realized.
なお、上記実施形態では、要素のサイズの計算において、要素間の間隔値を考慮した計算を行っているが、例えば、要素間の間隔がないものとして、単純に配置領域を各要素で均等に分割してもよい。 In the above embodiment, the element size is calculated in consideration of the interval value between the elements. For example, assuming that there is no interval between the elements, the arrangement area is simply divided equally among the elements. It may be divided.
また、上記実施形態では、ユーザによる配置領域の指定を受け付け、かかる指定に基づいて配置領域を特定して配置領域データ２３を記憶手段２に格納しているが、配置領域データ２３を予め記憶手段２に格納しておいてもよい。配置方式についても同様に、配置方式データ２４を予め記憶手段２に格納しておいてもよい。 In the above embodiment, designation of the arrangement area by the user is received, the arrangement area is specified based on the designation, and the arrangement area data 23 is stored in the storage unit 2. However, the arrangement area data 23 is stored in advance in the storage unit 2. 2 may be stored. Similarly, the arrangement method data 24 may be stored in the storage unit 2 in advance.
さらに、上記実施形態では、要素のサイズや位置の座標をピクセル値の単位で示したが、これに限定されるものではない（例えばドットなど、他の単位でもよい）。また、サイズ計算式や選択要素の座標決定の方法次第では、配置領域が矩形以外の形状（例えば円形や楕円形等）であっても対応することが可能である。 Further, in the above embodiment, the coordinates of the element size and position are shown in units of pixel values, but the present invention is not limited to this (for example, other units such as dots may be used). Further, depending on the size calculation formula and the method of determining the coordinates of the selected element, it is possible to cope with the arrangement region having a shape other than a rectangle (for example, a circle or an ellipse).
［ハードウェア構成］
図１５は、上述した一実施形態に係る図形描画装置を含んだ情報処理装置のハードウェア構成の一例を示す。本情報処理装置は、ＣＰＵ１０１、メモリ１０２、ストレージ１０３、可搬記憶媒体駆動装置１０４、入出力装置１０５及び通信インタフェース１０６を備える。
[Hardware configuration]
FIG. 15 shows an example of a hardware configuration of an information processing apparatus including the graphic drawing apparatus according to the embodiment described above. The information processing apparatus includes a CPU 101, a memory 102, a storage 103, a portable storage medium driving device 104, an input / output device 105, and a communication interface 106.
ＣＰＵ１０１は、制御ユニット、演算ユニット及び命令デコーダ等を含み、実行ユニットが、命令デコーダで解読された図形描画プログラムの命令に従い、制御ユニットより出力される制御信号に応じ、演算ユニットを用いて算術・論理演算を実行する。かかるＣＰＵ１０１は、制御に用いる各種情報が格納される制御レジスタ、既にアクセスしたメモリ１０２等の内容を一時的に格納可能なキャッシュ等を備える。なお、ＣＰＵ１０１は、ＣＰＵコアが複数設けられている構成でもよい。 The CPU 101 includes a control unit, an arithmetic unit, an instruction decoder, and the like. The execution unit follows the instructions of the graphic drawing program decoded by the instruction decoder, and uses arithmetic units to perform arithmetic / analysis in accordance with control signals output from the control unit. Perform logical operations. The CPU 101 includes a control register that stores various information used for control, a cache that can temporarily store the contents of the memory 102 that has already been accessed, and the like. The CPU 101 may have a configuration in which a plurality of CPU cores are provided.
メモリ１０２は、例えばＲＡＭ（Random Access Memory）等の記憶手段であり、ＣＰＵ１０１で実行される図形描画プログラムがロードされるとともに、ＣＰＵ１０１の処理に用いるデータが格納されるメインメモリである。また、ストレージ１０３は、例えばＨＤＤ（Hard Disk Drive）やフラッシュメモリ等の記憶手段であり、プログラムや各種データが格納される。可搬記憶媒体駆動装置１０４は、可搬記憶媒体１０７に記憶されたデータやプログラムを読み出す装置である。可搬記憶媒体１０７は、例えば磁気ディスク、光ディスク、光磁気ディスク又はフラッシュメモリ等である。なお、ＣＰＵ１０１は、メモリ１０２やストレージ１０３と協働しつつ、ストレージ１０３又は可搬記憶媒体１０７に格納された図形描画プログラムを実行する。なお、図形描画プログラムや、アクセス対象となるデータは、当該情報処理装置と通信可能な他の装置に格納されていてもよい。 The memory 102 is a storage unit such as a RAM (Random Access Memory), for example, and is a main memory in which a graphic drawing program executed by the CPU 101 is loaded and data used for processing of the CPU 101 is stored. The storage 103 is storage means such as an HDD (Hard Disk Drive) or a flash memory, and stores programs and various data. The portable storage medium driving device 104 is a device that reads data and programs stored in the portable storage medium 107. The portable storage medium 107 is, for example, a magnetic disk, an optical disk, a magneto-optical disk, or a flash memory. The CPU 101 executes a graphic drawing program stored in the storage 103 or the portable storage medium 107 while cooperating with the memory 102 and the storage 103. Note that the graphic drawing program and data to be accessed may be stored in another device that can communicate with the information processing device.
入出力装置１０５は例えばキーボード等やディスプレイ等であり、ユーザ操作等による動作命令を受け付ける一方、情報処理装置による処理結果を出力する。なお、図１における入力装置３１や表示装置３２は、図１５の入出力装置１０５に対応している。通信インタフェース１０６は例えばＬＡＮ（Local Area Network）カード等であり、外部とのデータ通信を可能にする。上述した情報処理装置の各構成要素は、バス１０８で接続されている。 The input / output device 105 is, for example, a keyboard or a display, and receives an operation command by a user operation or the like, and outputs a processing result by the information processing device. Note that the input device 31 and the display device 32 in FIG. 1 correspond to the input / output device 105 in FIG. The communication interface 106 is a LAN (Local Area Network) card, for example, and enables data communication with the outside. Each component of the information processing apparatus described above is connected by a bus 108.
上述した情報処理装置の機能的構成及び物理的構成は、上述の態様に限るものではなく、例えば、各機能や物理資源を統合して実装したり、逆に、さらに分散して実装したりすることも可能である。 The functional configuration and physical configuration of the information processing apparatus described above are not limited to the above-described aspects. For example, the functions and physical resources are integrated and mounted, or conversely, they are further distributed and mounted. It is also possible.
以上の実施形態に関し、更に以下の付記を開示する。 Regarding the above embodiment, the following additional notes are disclosed.
（付記１）描画対象図形を構成する要素として選択された１以上の選択要素に関する要素情報、及び前記要素を配置する配置領域に関する領域情報を取得し、
前記領域情報に基づいて配置領域を特定し、
特定した前記配置領域に応じて、前記要素情報の選択要素のサイズを計算するとともに、計算したサイズで選択要素を配置した場合における選択要素の配置位置の座標を計算し、
前記選択要素を、計算した配置位置の座標に基づいて、図形描画領域に配置する
処理を情報処理装置に実行させる図形描画プログラム。
(Supplementary Note 1) Acquire element information relating to one or more selected elements selected as elements constituting a drawing target graphic, and area information relating to an arrangement area where the elements are arranged,
An arrangement area is identified based on the area information,
According to the specified arrangement area, the size of the selection element of the element information is calculated, and the coordinates of the arrangement position of the selection element when the selection element is arranged with the calculated size are calculated,
A graphic drawing program for causing an information processing apparatus to execute a process of arranging the selected element in a graphic drawing area based on coordinates of a calculated arrangement position.
（付記２）前記取得する処理は、前記選択要素をどのように並べて配置するかを示す配置方式情報を取得し、
前記計算する処理は、前記配置方式情報が示す配置方式に基づいて、前記配置領域の幅及び高さの少なくともいずれか一方の全部又は一部を選択要素間で均等に分けることにより、各要素のサイズを計算する付記１記載の図形描画プログラム。
(Additional remark 2) The process to acquire acquires the arrangement | positioning system information which shows how the said selection element is arranged and arrange | positioned,
The calculation process is performed by equally dividing all or part of at least one of the width and the height of the placement area among the selected elements based on the placement method indicated by the placement method information. The graphic drawing program according to appendix 1, which calculates a size.
（付記３）前記要素情報は、選択要素のサイズの決定方法が自動計算又は固定値のいずれであるかの指定内容を要素ごとに有し、
前記計算する処理は、サイズの決定方法が自動計算である選択要素のみを対象として、選択要素のサイズの計算を行う付記１又は２に記載の図形描画プログラム。
(Supplementary Note 3) The element information has, for each element, designation content indicating whether the method for determining the size of the selected element is automatic calculation or a fixed value,
The graphic drawing program according to appendix 1 or 2, wherein the calculation processing calculates the size of the selected element only for the selected element whose size determination method is automatic calculation.
（付記４）前記計算する処理は、前記配置領域の幅及び高さの少なくともいずれか一方のうち、少なくともサイズの決定方法が自動計算以外の選択要素が占める領域の幅及び高さを除いた長さを、サイズの決定方法が自動計算の選択要素間で均等に分けることによって各要素のサイズを計算する付記３記載の図形描画プログラム。 (Additional remark 4) The said process to calculate is the length except the width | variety and height of the area | region which at least one of the width | variety and height of the said arrangement | positioning area occupies the selection elements other than the automatic calculation of the size The figure drawing program according to supplementary note 3, wherein the size determination method calculates the size of each element by equally dividing the selected elements among automatic calculation.
（付記５）前記要素情報は、選択要素間の間隔を示す値を含み、
前記計算する処理は、前記配置領域の幅及び高さの少なくともいずれか一方のうち、少なくとも各選択要素間の間隔を除いた長さを前記選択要素間で均等に分けることによって各選択要素のサイズを計算する付記２〜４のいずれか１つに記載の図形描画プログラム。
(Supplementary Note 5) The element information includes a value indicating an interval between selected elements,
The calculation is performed by dividing at least one of the width and the height of the arrangement region by at least dividing the length of the selection elements between the selection elements, thereby eliminating the size of the selection elements. The graphic drawing program according to any one of supplementary notes 2 to 4 for calculating
（付記６）前記要素情報を一覧形式で入力するユーザインタフェースを表示し、
前記取得する処理は、前記一覧形式のユーザインタフェースによって入力された前記要素情報を取得する付記１〜５のいずれか１つに記載の図形描画プログラム。
(Appendix 6) A user interface for inputting the element information in a list format is displayed.
The acquisition process is the graphic drawing program according to any one of supplementary notes 1 to 5 that acquires the element information input by the list-type user interface.
（付記７）前記配置領域を特定する処理は、前記領域情報が配置領域の起点のみを特定する情報である場合に、所定の座標を配置領域の終点として前記配置領域を特定する付記１〜６のいずれか１つに記載の図形描画プログラム。 (Additional remark 7) The process which specifies the said arrangement | positioning area | region specifies the said arrangement | positioning area | region by making a predetermined coordinate into the end point of an arrangement | positioning area | region, when the said area | region information is information which specifies only the starting point of an arrangement | positioning area | region. A drawing program according to any one of the above.
（付記８）描画対象図形を構成する要素として選択された１以上の選択要素に関する要素情報、及び前記要素を配置する配置領域に関する領域情報を取得する手段と、
前記領域情報に基づいて配置領域を特定する手段と、
特定した前記配置領域に応じて、前記要素情報の選択要素のサイズを計算するとともに、計算したサイズで選択要素を配置した場合における選択要素の配置位置の座標を計算する手段と、
前記選択要素を、計算した配置位置の座標に基づいて、図形描画領域に配置する手段と、
を備える図形描画装置。
(Supplementary Note 8) Means for obtaining element information relating to one or more selected elements selected as elements constituting the drawing target graphic, and area information relating to an arrangement area in which the elements are arranged;
Means for specifying a placement area based on the area information;
Calculating the size of the selected element of the element information according to the specified arrangement area, and calculating the coordinates of the arrangement position of the selected element when the selected element is arranged with the calculated size;
Means for arranging the selected element in the graphic drawing area based on the coordinates of the calculated arrangement position;
A drawing apparatus comprising:
１…制御部、１１…入力受付部、１２…要素記録部、１３…配置領域特定部、１４…配置方式特定部、１５…要素属性計算部、１６…配置部、１７…表示部、２…記憶手段、２１…選択要素テーブル、２２…領域設定テーブル、２３…配置領域データ、２４…配置方式データ、２５…サイズ初期値テーブル、２６…要素属性テーブル、３１…入力装置、３２…表示装置 DESCRIPTION OF SYMBOLS 1 ... Control part, 11 ... Input reception part, 12 ... Element recording part, 13 ... Arrangement area specific | specification part, 14 ... Arrangement system specific part, 15 ... Element attribute calculation part, 16 ... Arrangement | positioning part, 17 ... Display part, 2 ... Storage means, 21 ... selection element table, 22 ... area setting table, 23 ... arrangement area data, 24 ... arrangement method data, 25 ... size initial value table, 26 ... element attribute table, 31 ... input device, 32 ... display device
Claims (6)
前記領域情報に基づいて配置領域を特定し、
特定した前記配置領域に応じて、前記要素情報を参照して選択要素のサイズを計算するとともに、計算したサイズで各選択要素を配置した場合における各選択要素の配置位置の座標を計算し、
各選択要素を、計算した配置位置の座標に基づいて、図形描画領域に配置する
処理を情報処理装置に実行させる図形描画プログラムであって、
前記要素情報は、各選択要素が選択された順序を示す選択順序、及び各選択要素のサイズの決定方法が自動計算又は固定値のいずれであるかの指定内容を有し、
前記計算する処理は、前記配置領域の幅及び高さの少なくともいずれか一方のうち、少なくとも前記サイズの決定方法が固定値の選択要素が占める領域の幅及び高さを除いた長さを、前記サイズの決定方法が自動計算の選択要素間で均等に分けることによって、前記サイズの決定方法が自動計算の選択要素のそれぞれのサイズを計算し、前記サイズの決定方法が自動計算の選択要素及び前記サイズの決定方法が固定値の選択要素の両方を、前記選択順序にしたがってそれぞれ配置した場合における各選択要素の配置位置の座標を計算する、図形描画プログラム。 Obtaining element information on a plurality of selected elements selected as elements constituting the drawing target graphic, and area information on an arrangement area in which the elements are arranged;
An arrangement area is identified based on the area information,
According to the identified arrangement area, calculate the size of the selected element with reference to the element information , and calculate the coordinates of the arrangement position of each selected element when each selected element is arranged with the calculated size,
A graphic drawing program for causing an information processing apparatus to execute a process of arranging each selected element in a graphic drawing area based on coordinates of a calculated arrangement position ,
The element information includes a selection order indicating an order in which each selection element is selected, and a designation content indicating whether a method for determining the size of each selection element is automatic calculation or a fixed value,
The calculating process includes at least one of the width and the height of the arrangement area excluding the width and the height of the area occupied by the selection element having a fixed value in the size determination method. The size determination method equally divides between the automatically calculated selection elements, so that the size determination method calculates the size of each of the automatic calculation selection elements, and the size determination method includes the automatic calculation selection elements and the A graphic drawing program for calculating coordinates of arrangement positions of each selection element when both of the selection elements having a fixed size are arranged in accordance with the selection order .
前記計算する処理は、前記配置方式情報が示す配置方式に基づいて、前記配置領域の幅及び高さの少なくともいずれか一方の全部又は一部を前記選択要素間で均等に分けることにより、各要素のサイズを計算する請求項１記載の図形描画プログラム。 The acquisition process acquires arrangement method information indicating how to arrange the arrangement of the selected elements,
The calculation process is performed by dividing all or part of at least one of the width and the height of the placement area equally between the selected elements based on the placement method indicated by the placement method information. The graphic drawing program according to claim 1, wherein the size of the figure is calculated.
前記計算する処理は、前記配置領域の幅及び高さの少なくともいずれか一方のうち、少なくとも各選択要素間の間隔を除いた長さを前記選択要素間で均等に分けることによって各選択要素のサイズを計算する請求項１又は２に記載の図形描画プログラム。 The element information includes a value indicating an interval between selected elements,
The calculation is performed by dividing at least one of the width and the height of the arrangement region by at least dividing the length of the selection elements between the selection elements, thereby eliminating the size of the selection elements. The graphic drawing program according to claim 1 , wherein the figure is calculated.
前記取得する処理は、前記一覧形式のユーザインタフェースによって入力された前記要素情報を取得する請求項１〜３のいずれか１つに記載の図形描画プログラム。 Displays a user interface for inputting the element information in a list format,
Process, drawing program according to any one of claims 1 to 3 to acquire the element information input by the user interface of the list format for the obtaining.
前記領域情報に基づいて配置領域を特定する手段と、
特定した前記配置領域に応じて、前記要素情報を参照して選択要素のサイズを計算するとともに、計算したサイズで各選択要素を配置した場合における各選択要素の配置位置の座標を計算する手段と、
各選択要素を、計算した配置位置の座標に基づいて、図形描画領域に配置する手段と
を備える図形描画装置であって、
前記要素情報は、各選択要素が選択された順序を示す選択順序、及び各選択要素のサイズの決定方法が自動計算又は固定値のいずれであるかの指定内容を有し、
前記計算する処理は、前記配置領域の幅及び高さの少なくともいずれか一方のうち、少なくとも前記サイズの決定方法が固定値の選択要素が占める領域の幅及び高さを除いた長さを、前記サイズの決定方法が自動計算の選択要素間で均等に分けることによって、前記サイズの決定方法が自動計算の選択要素のそれぞれのサイズを計算し、前記サイズの決定方法が自動計算の選択要素及び前記サイズの決定方法が固定値の選択要素の両方を、前記選択順序にしたがってそれぞれ配置した場合における各選択要素の配置位置の座標を計算する、図形描画装置。 Means for obtaining element information relating to a plurality of selected elements selected as elements constituting the drawing target graphic, and area information relating to an arrangement area in which the elements are arranged;
Means for specifying a placement area based on the area information;
Means for calculating the size of the selected element with reference to the element information according to the specified arrangement area, and calculating the coordinates of the arrangement position of each selected element when each selected element is arranged with the calculated size; ,
A graphic drawing device comprising means for arranging each selected element in a graphic drawing area based on the coordinates of the calculated arrangement position ,
The element information includes a selection order indicating an order in which each selection element is selected, and a designation content indicating whether a method for determining the size of each selection element is automatic calculation or a fixed value,
The calculating process includes at least one of the width and the height of the arrangement area excluding the width and the height of the area occupied by the selection element having a fixed value in the size determination method. The size determination method equally divides between the automatically calculated selection elements, so that the size determination method calculates the size of each of the automatic calculation selection elements, and the size determination method includes the automatic calculation selection elements and the A graphic drawing apparatus that calculates the coordinates of the arrangement position of each selection element when both of the selection elements with fixed values are arranged according to the selection order .
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2011061533A JP5673264B2 (en) | 2011-03-18 | 2011-03-18 | Graphic drawing program and graphic drawing device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2011061533A JP5673264B2 (en) | 2011-03-18 | 2011-03-18 | Graphic drawing program and graphic drawing device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2012198670A JP2012198670A (en) | 2012-10-18 |
| JP5673264B2 true JP5673264B2 (en) | 2015-02-18 |
Family
ID=47180840
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2011061533A Expired - Fee Related JP5673264B2 (en) | 2011-03-18 | 2011-03-18 | Graphic drawing program and graphic drawing device |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5673264B2 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113658293B (en) * | 2021-07-29 | 2023-07-21 | 北京奇艺世纪科技有限公司 | Picture drawing method and device, electronic equipment and storage medium |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5437008A (en) * | 1992-06-23 | 1995-07-25 | Adobe Systems Incorporated | Method of establishing constraints and links in a distribution frame between graphical elements and resolving the constaints |
| JPH11102446A (en) * | 1997-09-29 | 1999-04-13 | Fujitsu Ltd | Graphics input device |
| JP3835589B2 (en) * | 2000-03-23 | 2006-10-18 | 株式会社デジタル | Drawing device and computer-readable recording medium recording drawing program |
| US20050237321A1 (en) * | 2004-03-31 | 2005-10-27 | Young Kenneth L | Grid canvas |
-
2011
- 2011-03-18 JP JP2011061533A patent/JP5673264B2/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2012198670A (en) | 2012-10-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9275479B2 (en) | Method, system and computer program product for creating collages that visually resemble a particular shape or group of shapes | |
| JP2021009663A (en) | Method and apparatus for visualization editing, device, and storage medium | |
| US20130061124A1 (en) | Managing forms in electronic documents | |
| JP6371577B2 (en) | Information display device and method for changing display layout of information display device | |
| KR101932718B1 (en) | Device and method for changing size of display window on screen | |
| US20090009535A1 (en) | Display processing device and display control method | |
| KR101428365B1 (en) | Method and system for providing widget on home screen of mobile device | |
| US8683360B2 (en) | Support device, computer-readable recording medium, design support method and integrated circuit | |
| US11507260B2 (en) | Electronic album apparatus, method for operating electronic album apparatus, and operation program utilizing display cell enlargement | |
| JPH10188014A (en) | Picture editing method and its device | |
| US20180129392A1 (en) | Content display control method and user terminal for performing content display control method | |
| US8564826B2 (en) | Information processing apparatus, control method, and storage medium utilized in an automatic layout system | |
| CN112000328B (en) | Page visual editing method, device and equipment | |
| JP5673264B2 (en) | Graphic drawing program and graphic drawing device | |
| CN113538623A (en) | Method and device for determining target image, electronic equipment and storage medium | |
| JPH064607A (en) | Data display device | |
| JP6025427B2 (en) | Image processing apparatus, image processing method, and program | |
| JP2011048477A (en) | Device, method, and program for drawing flow chart | |
| CN112286603A (en) | Table display method and device, electronic equipment and storage medium | |
| JP5100560B2 (en) | Information processing apparatus, information processing method, and program | |
| US8711177B1 (en) | Generation, display, and manipulation of measurements in computer graphical designs | |
| US20240144564A1 (en) | Systems and methods for creating and using deformable text shapes | |
| JP4365965B2 (en) | Information processing apparatus, information processing method, and storage medium | |
| US11532106B2 (en) | Color gradient capture from source image content | |
| JP6329687B1 (en) | Ticker editing device and ticker editing program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20131129 |
|
| RD03 | Notification of appointment of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7423 Effective date: 20140514 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20140903 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20140909 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20141110 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20141202 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20141215 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5673264 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| LAPS | Cancellation because of no payment of annual fees |