JP2016206301A - Information processing device, image display method, compute program and recording medium - Google Patents

Information processing device, image display method, compute program and recording medium Download PDF

Info

Publication number
JP2016206301A
JP2016206301A JP2015085095A JP2015085095A JP2016206301A JP 2016206301 A JP2016206301 A JP 2016206301A JP 2015085095 A JP2015085095 A JP 2015085095A JP 2015085095 A JP2015085095 A JP 2015085095A JP 2016206301 A JP2016206301 A JP 2016206301A
Authority
JP
Japan
Prior art keywords
color
background
path
information processing
character
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.)
Pending
Application number
JP2015085095A
Other languages
Japanese (ja)
Inventor
辰哉 武市
Tatsuya Takechi
辰哉 武市
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Canon Inc
Original Assignee
Canon Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Canon Inc filed Critical Canon Inc
Priority to JP2015085095A priority Critical patent/JP2016206301A/en
Publication of JP2016206301A publication Critical patent/JP2016206301A/en
Pending legal-status Critical Current

Links

Images

Abstract

PROBLEM TO BE SOLVED: To provide an information processing device that reduces an influence on a design of the color fonts, and improves visibility of the color fonts.SOLUTION: An information processing device 10 comprises: a color difference determination unit 208 that determines whether a path consisting of an image representing a character of a color of the same system as a background color of a background where the character is drawn is included in a plurality of paths consisting thereof; a path extraction unit 205 that, when it is determined that the path of the same system as the background color is included in the plurality of paths, extracts another path having a prescribed relationship set to a color of the path from the plurality of paths; a path drawing color change unit 206 that changes the path of the color of the same system as the background color of the plurality of paths, and the color of the path extracted by the path extraction unit 205 with the prescribed relationship maintained; and a drawing unit 207 that draws each path on the background, using a color of the changed path to thereby form the image.SELECTED DRAWING: Figure 2

Description

本発明は、ディスプレイに複数色で構成される文字を表示する情報処理装置に関する。   The present invention relates to an information processing apparatus that displays characters composed of a plurality of colors on a display.

近年のスマートフォン、タブレット端末、パーソナルコンピュータ等の情報処理装置は、複数の色付きのグリフ(glyph)を重ね合わせて描画することで、絵文字等のカラーフォントをディスプレイに表示することができる。カラーフォントは、複数の色を組み合わせて構成されるため、一部が背景の色と同系色であったり、写真等の背景自体が多数の色を含む場合に、背景との区別がつきにくくなることがある。このような場合であってもカラーフォントを用いた文字の視認性を確保するため、以下のような技術が提案されている。例えば、描画色の組み合わせを予め複数用意しておき、背景色に応じて、複数の描画色から選択した色で文字や描画線を表示する技術が開示されている(特許文献1)。   Information processing apparatuses such as smartphones, tablet terminals, and personal computers in recent years can display color fonts such as pictographs on a display by drawing a plurality of colored glyphs superimposed on each other. Since a color font is composed of a combination of multiple colors, it is difficult to distinguish from the background if some of the colors are similar to the background color or if the background of the photo itself contains a large number of colors. Sometimes. Even in such a case, the following techniques have been proposed to ensure the visibility of characters using color fonts. For example, a technique is disclosed in which a plurality of combinations of drawing colors are prepared in advance, and characters and drawing lines are displayed in colors selected from a plurality of drawing colors according to the background color (Patent Document 1).

特開2002−278538号公報JP 2002-278538 A

絵文字等のカラーフォントでは、上記の技術で視認性を確保しようとすると、グリフ毎に背景色に応じた色に置き換えられ、カラーフォントのデザインの意図が損なわれる可能性がある。また、グリフ毎に複数の描画色を用意する必要があるためにカラーフォントの表示のための記憶容量が大きくなり、描画処理のオーバーヘッドが大きくなる。   In color fonts such as pictograms, if the above technique is used to ensure visibility, each glyph is replaced with a color corresponding to the background color, which may impair the design intention of the color font. In addition, since it is necessary to prepare a plurality of drawing colors for each glyph, the storage capacity for displaying color fonts increases, and the overhead of drawing processing increases.

本発明は、上記の問題を解決するために、カラーフォントのデザインへの影響を低減して、カラーフォントの視認性を向上させる情報処理装置を提供することを主たる課題とする。   In order to solve the above problems, it is a main object of the present invention to provide an information processing apparatus that reduces the influence on the design of a color font and improves the visibility of the color font.

本発明の情報処理装置は、文字の描画が指示されたことに応じて、前記文字を表す画像を構成する複数の構成部材に、前記文字が描画される背景の背景色と同系色の構成部材が含まれるかを判定する色差判定手段と、前記複数の構成部材に前記背景色と同系色の構成部材が含まれると判定された場合、該構成部材の色に対して所定の関係にある色が設定された他の構成部材を前記複数の構成部材から抽出する抽出手段と、前記複数の構成部材のうち前記背景色と同系色の前記構成部材、及び、前記抽出手段で抽出された前記構成部材の色を、前記所定の関係を保ちつつ変更する色変更手段と、変更された構成部材の色を使って各構成部材を前記背景の上に描画することで前記画像を形成する描画手段と、を備えることを特徴とする。   According to the information processing apparatus of the present invention, in response to an instruction to draw a character, the plurality of constituent members constituting the image representing the character have constituent members of similar colors to the background color of the background on which the character is drawn. A color difference determining unit that determines whether or not a color component is included, and a color having a predetermined relationship with a color of the component member when it is determined that the component member having a similar color to the background color is included in the plurality of component members Extraction means for extracting other constituent members set with the plurality of constituent members, the constituent member having the same color as the background color among the plurality of constituent members, and the configuration extracted by the extracting means Color changing means for changing the color of the member while maintaining the predetermined relationship; and drawing means for forming the image by drawing each constituent member on the background using the changed color of the constituent member; It is characterized by providing.

本発明によれば、背景色と同系色の構成部材及び所定の関係にあると判定された構成部材の色を、所定の関係を保ちつつ変更することで、フォントのデザインの意図を損なうことなく、視認性を高めることができる。   According to the present invention, by changing the color of a component having the same color as the background color and the color of the component determined to have a predetermined relationship while maintaining the predetermined relationship, the intention of the font design is not impaired. , Visibility can be improved.

情報処理装置のハードウェア構成図。The hardware block diagram of information processing apparatus. 情報処理装置の機能ブロック図。The functional block diagram of information processing apparatus. (a)〜(d)は画像データの説明図。(A)-(d) is explanatory drawing of image data. 画像の表示処理を表すフローチャート。The flowchart showing the display process of an image. パスの抽出処理を表すフローチャート。7 is a flowchart showing path extraction processing. (a)〜(g)はパスの抽出処理及び描画色の変更処理の説明図。(A)-(g) is explanatory drawing of a path | route extraction process and a drawing color change process. 情報処理装置の機能ブロック図。The functional block diagram of information processing apparatus. (a)〜(d)は画像の表示処理の説明図。(A)-(d) is explanatory drawing of the display process of an image. (a)〜(c)は画像の表示処理の説明図。(A)-(c) is explanatory drawing of the display process of an image.

以下、図面を参照して実施形態を詳細に説明する。ただし、本実施形態に記載されている構成要素はあくまでも例示であり、本発明の範囲をそれらのみに限定する趣旨のものではない。   Hereinafter, embodiments will be described in detail with reference to the drawings. However, the components described in the present embodiment are merely examples, and are not intended to limit the scope of the present invention only to them.

[第1実施形態]
図1は、本実施形態の情報処理装置のハードウェア構成図である。情報処理装置10は、入力装置20及びディスプレイ30が接続される。情報処理装置10は、スマートフォン、タブレット端末、パーソナルコンピュータ等により実現される。入力装置20は、キーボード、マウス、タッチパネル等である。入力装置20は、ユーザの操作により指示を情報処理装置10に入力する。ディスプレイ30は、FPD(Flat Panel Display)やCRT(Cathode Ray Tube)である。ディスプレイ30は、情報処理装置10により画像が表示される。情報処理装置10、入力装置20、及びディスプレイ30は、一体に構成されてもよい。なお、本実施形態では、情報処理装置10がディスプレイ30にカラーフォントを含む画像を表示する例を説明するが、ディスプレイ30以外に、画像を視認可能に出力する出力装置を用いてもよい。例えば、プリンタ等の画像形成装置によりカラーフォントを含む画像を出力する際にも、本実施形態は適用可能である。
[First Embodiment]
FIG. 1 is a hardware configuration diagram of the information processing apparatus according to the present embodiment. The information processing apparatus 10 is connected to the input device 20 and the display 30. The information processing apparatus 10 is realized by a smartphone, a tablet terminal, a personal computer, or the like. The input device 20 is a keyboard, a mouse, a touch panel, or the like. The input device 20 inputs an instruction to the information processing device 10 by a user operation. The display 30 is an FPD (Flat Panel Display) or a CRT (Cathode Ray Tube). An image is displayed on the display 30 by the information processing apparatus 10. The information processing device 10, the input device 20, and the display 30 may be integrally configured. In the present embodiment, an example in which the information processing apparatus 10 displays an image including a color font on the display 30 will be described. However, an output device that outputs an image so as to be visible may be used in addition to the display 30. For example, the present embodiment can also be applied when an image including a color font is output by an image forming apparatus such as a printer.

情報処理装置10は、CPU(Central Processing Unit)102、ROM(Read Only Memory)103、RAM(Random Access Memory)104、及びI/Oインタフェース105を備える。CPU102、ROM103、RAM104、及びI/Oインタフェース105は、バス101を介して、通信可能に接続される。CPU102は、ROM103からコンピュータプログラムを読み出し、RAM104を作業領域に用いて実行することで、情報処理装置10の動作を制御する。本実施形態では、フォントを表すフォントデータが、ROM103に格納されており、RAM104に展開されて使用される。   The information processing apparatus 10 includes a central processing unit (CPU) 102, a read only memory (ROM) 103, a random access memory (RAM) 104, and an I / O interface 105. The CPU 102, the ROM 103, the RAM 104, and the I / O interface 105 are communicably connected via the bus 101. The CPU 102 reads out a computer program from the ROM 103 and executes it using the RAM 104 as a work area, thereby controlling the operation of the information processing apparatus 10. In the present embodiment, font data representing a font is stored in the ROM 103 and used after being expanded in the RAM 104.

図2は、情報処理装置10の機能ブロック図である。ここでは、情報処理装置10がカラーフォントを表示する際に必要な機能について説明する。情報処理装置10は、記憶部200、背景色取得部201、文字情報取得部202、パス形状取得部203、パス描画色取得部204、パス抽出部205、パス描画色変更部206、描画部207、及び色差判定部208として機能する。これらの機能は、CPU102がコンピュータプログラムを実行することで実現される。   FIG. 2 is a functional block diagram of the information processing apparatus 10. Here, functions required when the information processing apparatus 10 displays a color font will be described. The information processing apparatus 10 includes a storage unit 200, a background color acquisition unit 201, a character information acquisition unit 202, a path shape acquisition unit 203, a path drawing color acquisition unit 204, a path extraction unit 205, a path drawing color change unit 206, and a drawing unit 207. And the color difference determination unit 208. These functions are realized by the CPU 102 executing a computer program.

記憶部200は、ディスプレイ30に表示される画像を表す画像データを記憶する。画像は、背景上に所定のフォントで文字が表示されて構成される。文字は、例えば絵文字等のカラーフォントで形成される。図3は、画像データの説明図である。画像データは、背景401の色(背景色)に関する情報及び画像に含まれる文字のフォントを設定する文字情報を含む。本実施形態では、フォント(文字)の構成部材としてパスを用いた例を説明するが、グリフを構成部材として用いる場合も同様の処理が可能である。文字情報は、文字毎に、パスの描画順、パスを識別するためのパスID、パスの色を識別するパレットIDを含む。本実施形態では、背景色及びパスの色が、光の3原色であるRGBをそれぞれ8ビット整数で表現した形式(HTML(HyperText Markup Language)で使用される表現)で表す。なお、記憶部200は、各種インタフェースを介して接続された外部装置(例えば、メモリディスクやインターネット上のサーバ装置)であってもよい。   The storage unit 200 stores image data representing an image displayed on the display 30. The image is configured by displaying characters in a predetermined font on the background. The characters are formed by color fonts such as pictographs, for example. FIG. 3 is an explanatory diagram of image data. The image data includes information regarding the color of the background 401 (background color) and character information for setting a font of characters included in the image. In the present embodiment, an example in which a path is used as a constituent member of a font (character) will be described, but the same processing can be performed when a glyph is used as a constituent member. The character information includes, for each character, a path drawing order, a path ID for identifying the path, and a palette ID for identifying the color of the path. In the present embodiment, the background color and the pass color are expressed in a format (representation used in HTML (HyperText Markup Language)) in which RGB, which are the three primary colors of light, are each expressed as an 8-bit integer. The storage unit 200 may be an external device (for example, a memory disk or a server device on the Internet) connected via various interfaces.

図3(a)に示すように、本実施形態の背景色は、一様色であり、16進数カラーコードで「#000F8」で表される。図3(b)に示すように、本実施形態の文字情報は、描画対象となる文字402、403、404について記憶する。文字402は、パスIDがパスA、パスB、パスC、パスDで表されるパスが、この順で重ね合わされることで構成される。パスAの色はカラーW、パスBの色はカラーX、パスCの色はカラーY、パスDの色はカラーZの各パレットIDで表される。図3(c)は、パスIDとパスの形状との関係を表す形状テーブルの例示図である。形状テーブルは、記憶部200に記憶される。ここではパスの形状を模式的に表しているが、記憶部200には、パスID毎のパスの形状が、座標値及びパスのコマンド等の形式で記憶される。図3(d)は、パレットIDと描画色との関係を表す描画色テーブルの例示図である。描画色テーブルは、記憶部200に記憶される。本実施形態の描画色は、背景色同様に16進数カラーコードで表され、パレットID毎に記憶部200に記憶される。   As shown in FIG. 3A, the background color of this embodiment is a uniform color and is represented by “# 000F8” in a hexadecimal color code. As shown in FIG. 3B, the character information of this embodiment is stored for characters 402, 403, and 404 to be drawn. The character 402 is configured by superimposing paths whose path IDs are represented by path A, path B, path C, and path D in this order. The color of path A is represented by color W, the color of path B is represented by color X, the color of path C is represented by color Y, and the color of path D is represented by each palette ID of color Z. FIG. 3C is an exemplary diagram of a shape table representing the relationship between the path ID and the path shape. The shape table is stored in the storage unit 200. Although the path shape is schematically shown here, the path shape for each path ID is stored in the storage unit 200 in the form of coordinate values, path commands, and the like. FIG. 3D is an illustration of a drawing color table that represents the relationship between the palette ID and the drawing color. The drawing color table is stored in the storage unit 200. The drawing color of this embodiment is represented by a hexadecimal color code like the background color, and is stored in the storage unit 200 for each palette ID.

背景色取得部201は、記憶部200に記憶された画像データから画像の背景色を表す情報を取得する。
文字情報取得部202は、記憶部200に記憶された画像データから描画対象となる文字に関する文字情報を取得する。
パス形状取得部203は、パス形状を、文字情報取得部202が取得した文字情報に応じて取得する。パス形状取得部203は、文字情報に含まれるパスIDにより、形状テーブルを参照してパス形状を取得する。
パス描画色取得部204は、パスの色を、文字情報取得部202が取得した文字情報に応じて取得する。パス描画色取得部204は、文字情報に含まれるパレットIDにより、描画色テーブルを参照してパスの描画色を取得する。
The background color acquisition unit 201 acquires information representing the background color of the image from the image data stored in the storage unit 200.
The character information acquisition unit 202 acquires character information related to characters to be drawn from the image data stored in the storage unit 200.
The path shape acquisition unit 203 acquires the path shape according to the character information acquired by the character information acquisition unit 202. The path shape acquisition unit 203 acquires a path shape by referring to the shape table using the path ID included in the character information.
The path drawing color acquisition unit 204 acquires the color of the path according to the character information acquired by the character information acquisition unit 202. The path drawing color acquisition unit 204 acquires the path drawing color by referring to the drawing color table using the palette ID included in the character information.

パス抽出部205は、描画色が所定の関係にある2以上のパスを抽出する。パス抽出部205は、例えば色空間内で各描画色がどのように配置されて所定の関係にあるかを判定してパスを抽出する。
パス描画色変更部206は、パス抽出部205で所定の関係にあると判定された各パスの描画色を変更する。パス描画色変更部206は、所定の関係を保ちつつ、背景色に対する視認性が高まるように各パスの描画色を変更する。
描画部207は、背景上に各パスを描画して、ディスプレイ30に表示する文字の画像を形成する。描画部207は、パスの描画色が変更された場合には、変更内容を反映した色を使ってパスの描画を行う。
色差判定部208は、背景色と同系色の描画色が設定されたパスの有無を判定する。例えば色差判定部208は、背景色を表す値とパスの描画色を表す値との色差を算出して、色差が閾値以下であるパスの存在の有無を判定する。色差は、例えばRGB色空間内での距離により表される。色差判定部208は、色差をR、G、Bそれぞれの値の差の2乗の和の平方根を計算することで算出する。
The path extraction unit 205 extracts two or more paths whose drawing colors have a predetermined relationship. The path extraction unit 205 extracts a path by determining how each drawing color is arranged in a color space and having a predetermined relationship, for example.
The path drawing color changing unit 206 changes the drawing color of each path determined by the path extracting unit 205 to have a predetermined relationship. The path drawing color changing unit 206 changes the drawing color of each pass so that the visibility with respect to the background color is enhanced while maintaining a predetermined relationship.
The drawing unit 207 draws each path on the background and forms an image of characters to be displayed on the display 30. When the drawing color of the path is changed, the drawing unit 207 draws the path using a color reflecting the changed content.
The color difference determination unit 208 determines whether there is a path in which a drawing color similar to the background color is set. For example, the color difference determination unit 208 calculates the color difference between the value representing the background color and the value representing the drawing color of the path, and determines whether or not there is a path whose color difference is equal to or less than a threshold value. The color difference is expressed by a distance in the RGB color space, for example. The color difference determination unit 208 calculates the color difference by calculating the square root of the sum of the squares of the differences between the R, G, and B values.

図4は、このような情報処理装置10による画像の表示処理を表すフローチャートである。以下の説明では、図3の画像データを用いて文字402の画像を表示する処理について説明する。   FIG. 4 is a flowchart showing image display processing by such an information processing apparatus 10. In the following description, processing for displaying an image of the character 402 using the image data of FIG. 3 will be described.

表示処理が開始されると、背景色取得部201は、記憶部200に記憶される画像データから、背景401の色を取得する(S301)。ここでは、背景色取得部201は、背景色「#000F8」を取得する。文字情報取得部202は、記憶部200から、描画対象の文字を構成する文字情報を取得する(S302)。ここでは、文字情報取得部202が、文字402に関する文字情報を取得する。   When the display process is started, the background color acquisition unit 201 acquires the color of the background 401 from the image data stored in the storage unit 200 (S301). Here, the background color acquisition unit 201 acquires the background color “# 000F8”. The character information acquisition unit 202 acquires character information constituting the character to be drawn from the storage unit 200 (S302). Here, the character information acquisition unit 202 acquires character information related to the character 402.

パス形状取得部203は、文字情報取得部202が取得した文字情報に応じて形状テーブルを参照し、パス形状を取得する(S304)。パス描画色取得部204は、文字情報取得部202が取得した文字情報に応じて描画色テーブルを参照し、描画色を取得する(S305)。文字情報取得部202が取得した文字402の文字情報には、パスA、パスB、パスC、パスDが含まれる。パス形状取得部203及びパス描画色取得部204は、S304、S305の処理を繰り返し行い、パスA、パスB、パスC、パスDのパス形状及びパレットIDがカラーW、カラーX、カラーY、カラーZの描画色を取得する(S303、S306)。ここでパス描画色取得部204は、描画色「#00FF00」、「#0000FF」、「#0000C0」、「#000080」を取得する。   The path shape acquisition unit 203 refers to the shape table according to the character information acquired by the character information acquisition unit 202, and acquires a path shape (S304). The path drawing color acquisition unit 204 refers to the drawing color table according to the character information acquired by the character information acquisition unit 202, and acquires the drawing color (S305). The character information of the character 402 acquired by the character information acquisition unit 202 includes path A, path B, path C, and path D. The path shape acquisition unit 203 and the path drawing color acquisition unit 204 repeatedly perform the processes of S304 and S305, and the path shape and palette ID of the path A, path B, path C, and path D are color W, color X, color Y, The drawing color of color Z is acquired (S303, S306). Here, the path drawing color acquisition unit 204 acquires the drawing colors “# 00FF00”, “# 0000FF”, “# 0000C0”, and “# 000080”.

色差判定部208は、背景色と各パスの描画色との色差を算出して、色差が閾値以下となるパスが存在するか否かを判定する(S307)。本実施形態では、背景色及び各パスの描画色のR、G、Bそれぞれが「0〜255」の値にエンコーディングされている。また、本実施形態では、色差の閾値を「16」とする。   The color difference determination unit 208 calculates the color difference between the background color and the drawing color of each pass, and determines whether there is a path in which the color difference is equal to or less than the threshold (S307). In the present embodiment, each of R, G, and B of the background color and the drawing color of each pass is encoded to a value of “0 to 255”. In this embodiment, the color difference threshold is “16”.

色差が閾値以下となるパスが存在する場合(S307:Y)、パス抽出部205は、色差が閾値以下となるパスの描画色に対して所定の関係にある描画色が設定された他のパスを抽出する(S308)。本実施形態では、文字402のパスBのカラーXの描画色「#0000FF」が、背景色「#0000F8」との色差が「7」である。これは閾値以下であるために、S308のパスの抽出処理が行われる。   When there is a path with a color difference equal to or less than the threshold (S307: Y), the path extraction unit 205 sets another path for which a drawing color having a predetermined relationship with the drawing color of the path with the color difference equal to or less than the threshold is set. Is extracted (S308). In the present embodiment, the drawing color “# 0000FF” of the color X of the path B of the character 402 has a color difference of “7” from the background color “# 0000F8”. Since this is less than or equal to the threshold value, the path extraction process of S308 is performed.

図5は、パスの抽出処理を表すフローチャートである。パス抽出部205は、背景色との色差が閾値以下となるパスの描画色と、他のパスの描画色との組み合わせについて、各描画色間のベクトルを算出して、算出したベクトルを正規化する(S501〜S504)。本実施形態では、パス抽出部205は、パスBの描画色と、パスA、パスC、パスDの各描画色とのベクトルを算出して正規化する。パス抽出部205は、正規化後のベクトルが一致する描画色が設定されたパスの組み合わせを抽出する(S505)。   FIG. 5 is a flowchart showing path extraction processing. The path extraction unit 205 calculates a vector between each drawing color for a combination of a drawing color of a path whose color difference from the background color is equal to or less than a threshold and a drawing color of another path, and normalizes the calculated vector (S501 to S504). In the present embodiment, the path extraction unit 205 calculates and normalizes a vector of the drawing color of the path B and the drawing colors of the path A, the path C, and the path D. The path extraction unit 205 extracts a combination of paths set with drawing colors that match the normalized vectors (S505).

図6は、パスの抽出処理及び描画色の変更処理の説明図である。図6(a)は、直交座標系で表したRGB色空間に、文字402を構成する各パスの描画色の値及び背景色の値をマッピングした図である。RGB色空間の原点は「#000000」である。背景色、背景色との色差が閾値以下となるパスBの描画色(カラーX)、及びパスC、Dの描画色(カラーY、Z)は、B軸上にある。パスAの描画色(カラーW)はG軸上にある。   FIG. 6 is an explanatory diagram of a path extraction process and a drawing color change process. FIG. 6A is a diagram in which the drawing color value and the background color value of each path constituting the character 402 are mapped to the RGB color space represented by the orthogonal coordinate system. The origin of the RGB color space is “# 000000”. The background color, the path B drawing color (color X) in which the color difference from the background color is equal to or less than the threshold, and the path C and D drawing colors (color Y, Z) are on the B axis. The drawing color (color W) of path A is on the G axis.

背景色との色差が閾値以下となるパスBの描画色と、他のパスA、C、Dの描画色とのベクトルは、図6(a)において、カラーXからカラーW、カラーXからカラーY、カラーXからカラーZの線分の長さ及び向きで表される。図6(b)は、各ベクトルの正規化前の成分と正規化後の成分とを表す。正規化後に一致するベクトルは、カラーXからカラーY、カラーXからカラーZへのベクトルである。パス抽出部205は、この2つの描画色の組み合わせを抽出する。つまりパス抽出部205は、RGB色空間内で、パスBの描画色の値を通って直線上に並ぶ他の2以上の描画色を抽出し、抽出したこれらの描画色が設定される2以上のパスを抽出する。なお、パス抽出部205は、正規化後のベクトルが正負逆になっているものも一致しているベクトルとみなす。   In FIG. 6A, the vectors of the drawing color of pass B where the color difference from the background color is equal to or less than the threshold and the drawing colors of other passes A, C, and D are color X to color W and color X to color. It is represented by the length and direction of the line segment from Y, color X to color Z. FIG. 6B shows a component before normalization and a component after normalization of each vector. The vector that matches after normalization is a vector from color X to color Y and from color X to color Z. The path extraction unit 205 extracts a combination of these two drawing colors. In other words, the path extraction unit 205 extracts two or more other drawing colors arranged in a straight line through the drawing color values of the path B in the RGB color space, and the two or more of these drawing colors that are set are set. Extract the path. Note that the path extraction unit 205 regards the normalized vectors as being the same vector even if they are reversed.

以上のような処理によりパスが抽出されると、パス描画色変更部206は、抽出された描画色間の関係性に基づいて、各パスの描画色を変更する(S309)。本実施形態では、背景色との色差が小さいと判定された描画色がパスBのカラーXで、カラーXと所定の関係にあると判定された描画色がパスCのカラーY及びパスDのカラーZである。また、カラーX、カラーY、カラーZの描画色間の関係性は、RGB色空間において直線上に並ぶことである。パス描画色変更部206は、この関係を維持したまま、パスBのカラーXと背景色との色差が閾値より大きくなるように、RGB色空間内で各パスの描画色を変換する。   When a path is extracted by the above processing, the path drawing color changing unit 206 changes the drawing color of each path based on the relationship between the extracted drawing colors (S309). In the present embodiment, the drawing color determined to have a small color difference from the background color is the color X of the path B, and the drawing color determined to be in a predetermined relationship with the color X is the color Y of the path C and the path D. Color Z. Further, the relationship between the drawing colors of color X, color Y, and color Z is that they are arranged on a straight line in the RGB color space. The path drawing color changing unit 206 converts the drawing color of each path in the RGB color space so that the color difference between the color X of the path B and the background color is larger than the threshold while maintaining this relationship.

一例として、描画色の値を、直線上に並ぶ関係を保ちながらRGB色空間内を平行移動させる方法について説明する。平行移動させるときには、平行移動量を最も小さくして、移動後の描画色の値がRGB色空間(R、G、B方向にいずれも0〜255)の範囲内に存在するようにする。平行移動時には、図6(c)に示すように、背景色からカラーX、カラーY、カラーZが並ぶ直線への垂線ベクトルを算出し、その垂線ベクトルの延長方向に、各描画色の値を平行移動する。
本実施形態では、平行移動量を最小にするために、「r+g=16」を満たす(r,g,0)方向への平行移動が候補となる。図6(a)の例では、背景色もRGB色空間内でカラーX、カラーY、カラーZと同じ直線上に存在しているため、パス描画色変更部206は垂線ベクトルを算出できない。このような場合、例えばS308の処理で関係がないと判定された描画色(カラーW)から直線が最も離れるような平行移動量とする。ここでは、平行移動量が(15,0,0)となる。図6(d)は、このような平行移動量により平行移動したRGB色空間内の描画色を表す。カラーXは「#0F00FF」、カラーYは「#0F00C0」、カラーZは「#0F0080」にそれぞれ変更される。
As an example, a method of translating drawing color values in the RGB color space while maintaining a linear arrangement relationship will be described. When performing the parallel movement, the parallel movement amount is minimized so that the drawn color value after the movement is within the range of the RGB color space (0 to 255 in the R, G, and B directions). At the time of translation, as shown in FIG. 6C, a perpendicular vector from the background color to a straight line in which the color X, color Y, and color Z are arranged is calculated, and the value of each drawing color is set in the extending direction of the perpendicular vector. Translate.
In this embodiment, in order to minimize the amount of translation, translation in the (r, g, 0) direction that satisfies “r 2 + g 2 = 16 2 ” is a candidate. In the example of FIG. 6A, since the background color is also on the same straight line as the color X, color Y, and color Z in the RGB color space, the path drawing color changing unit 206 cannot calculate a perpendicular vector. In such a case, for example, the parallel movement amount is set such that the straight line is farthest from the drawing color (color W) determined to be irrelevant in the processing of S308. Here, the translation amount is (15, 0, 0). FIG. 6D shows the drawing colors in the RGB color space that are translated by such a translation amount. The color X is changed to “# 0F00FF”, the color Y is changed to “# 0F00C0”, and the color Z is changed to “# 0F0080”.

色差が閾値以下となるパスが存在しない場合(S307:N)、或いは各パスの描画色の変更処理が終了すると、描画部207は、変更後の描画色に基づいてパスを描画して文字を形成し、画像を生成する(S310)。CPU102は、描画結果をディスプレイ30に表示させて処理を終了する。以上の処理により、各々で色が設定されたパスを重ね合わせた文字を描画する際に、パスの色が変更されてもフォントのデザインの意図を損なうことがなくなる。また、背景色との色差を大きくして文字が表示されるために、文字の視認性が高まる。   When there is no path in which the color difference is equal to or less than the threshold (S307: N), or when the drawing color change processing for each path is completed, the drawing unit 207 draws a path based on the changed drawing color and draws characters. The image is formed and an image is generated (S310). The CPU 102 displays the drawing result on the display 30 and ends the process. With the above processing, when drawing a character in which paths each having a set color are superimposed, even if the color of the path is changed, the intention of the font design is not impaired. In addition, since the character is displayed with a large color difference from the background color, the visibility of the character is improved.

上記の例では、パス抽出部205は、S308の処理において、RGB色空間内の描画色の値が直線上に並ぶ関係にあるパスを抽出しているが、他の色空間を用いて関係性を抽出してもよい。例えば、パス抽出部205は、色相、明度、彩度をパラメータとした色空間を用いて、各パスの描画色の関係性を抽出してもよい。図6(e)は、色相、明度、彩度をパラメータとした色空間の例示図であり、極座標で表される。抽出される描画色の関係は、例えば色相が一致している、彩度が一致している等となる。
また、色空間において描画色が直線上に並ぶ以外の関係性を抽出してもよい。さらに、描画色に加えて背景色との関係を用いてもよい。例えば、RGB色空間において、各パスの描画色の値が背景色の値を中心とした球上に存在する、すなわち背景色の値との色差が同値となるような関係を持つ描画色を抽出してもよい。また、本実施形態ではベクトルが一致することを関係性があるという条件にしていたが、正規化後のベクトルがある許容範囲内であれば一致するとみなすようにしてもよい。
In the above example, the path extraction unit 205 extracts a path in which the drawing color values in the RGB color space are arranged on a straight line in the processing of S308. May be extracted. For example, the path extraction unit 205 may extract the relationship between the drawing colors of each path using a color space with hue, brightness, and saturation as parameters. FIG. 6E is an exemplary diagram of a color space using hue, brightness, and saturation as parameters, and is expressed in polar coordinates. The relationship between the drawing colors to be extracted is, for example, that the hues match or the saturations match.
Further, it is possible to extract relationships other than the drawing colors arranged in a straight line in the color space. Further, a relationship with the background color in addition to the drawing color may be used. For example, in the RGB color space, the drawing color value of each pass exists on a sphere centered on the background color value, that is, the drawing color having a relationship in which the color difference from the background color value is the same value is extracted. May be. Further, in the present embodiment, the condition that the vectors match is a condition that there is a relationship, but if the vectors after normalization are within a certain allowable range, they may be regarded as matching.

上記の例では、パス描画色変更部206は、S309の処理において、描画色をRGB色空間内で平行移動させて色変更処理を行っているが、描画色間の関係を保っていれば他の方法で色変更を行ってもよい。
例えば、RGB色空間内で、描画色が並ぶ直線を保ったまま原点中心に所定の方向へ回転させるような変更や、描画色の各成分値に対して所定のスケール値を乗算してもよい。一般的に、描画色のR、G、Bに対して、図6(f)に示したような行列を乗算することによって、直線上に並ぶ描画色は、変換後も直線上に並んだままである。
In the above example, the path drawing color changing unit 206 performs the color changing process by translating the drawing color in the RGB color space in the process of S309. The color may be changed by this method.
For example, in the RGB color space, a change that rotates in a predetermined direction around the origin while maintaining a straight line in which the drawing colors are arranged, or each component value of the drawing color may be multiplied by a predetermined scale value. . In general, by multiplying the drawing colors R, G, and B by a matrix as shown in FIG. 6 (f), the drawing colors arranged on the straight line remain arranged on the straight line after conversion. is there.

また、本実施形態では、描画色が直線上に並ぶ関係である場合の色変更処理について説明したが、描画色間の関係の種類によって色変更処理を異なるようにしてもよい。例えば図6(g)に示すように、RGB色空間において、描画色の値が背景色の値を中心とした球上に存在する場合は、球の半径を大きくする方向へ移動させるように描画色を変更してもよい。つまり、RGB色空間において、背景色の値との色差が同値である描画色の値を、背景色の値との色差が大きくなるように変更してもよい。また、例えば色相、明度、彩度からなる色空間を用いて色変更処理を行ってもよい。例えば、パス描画色変更部206は、明度と彩度を維持して色相の角度を変更することによって描画色の変更を行う。   Further, in the present embodiment, the color change process in the case where the drawing colors are arranged in a straight line has been described, but the color change process may be different depending on the type of the relationship between the drawing colors. For example, as shown in FIG. 6G, in the RGB color space, when the drawing color value exists on a sphere centered on the background color value, the drawing is performed so that the radius of the sphere is increased. The color may be changed. That is, in the RGB color space, the drawing color value having the same color difference from the background color value may be changed so that the color difference from the background color value becomes large. For example, the color changing process may be performed using a color space including hue, brightness, and saturation. For example, the path drawing color changing unit 206 changes the drawing color by changing the hue angle while maintaining the lightness and saturation.

[第2実施形態]
パスの描画色は、描画色間の関係、或いは背景色を含めた描画色間の関係に加えて、パスが背景に隣接するか否かを考慮して変更されてもよい。本実施形態の情報処理装置のハードウェア構成は、第1実施形態の情報処理装置10のハードウェア構成(図1参照)と同様であるので説明を省略する。
[Second Embodiment]
The drawing color of the path may be changed in consideration of whether or not the path is adjacent to the background, in addition to the relationship between the drawing colors or the relationship between the drawing colors including the background color. The hardware configuration of the information processing apparatus according to the present embodiment is the same as the hardware configuration (see FIG. 1) of the information processing apparatus 10 according to the first embodiment, and a description thereof will be omitted.

図7は、第2実施形態の情報処理装置11の機能ブロック図である。情報処理装置11は、第1実施形態の情報処理装置10の各機能に加えて、隣接判定部701として機能する。これらの機能は、CPU102がコンピュータプログラムを実行することで実現される、カラーフォントを表示する際に必要な機能である。隣接判定部701は、文字を構成するパスが、画像の背景に隣接するか否かを判定する。   FIG. 7 is a functional block diagram of the information processing apparatus 11 according to the second embodiment. The information processing apparatus 11 functions as an adjacency determination unit 701 in addition to the functions of the information processing apparatus 10 of the first embodiment. These functions are functions necessary for displaying a color font, which is realized by the CPU 102 executing a computer program. The adjacency determination unit 701 determines whether or not a path constituting a character is adjacent to the background of the image.

図8は、このような情報処理装置11による画像の表示処理の説明図である。図8(a)は、画像の表示処理を表すフローチャートである。第1実施形態の画像の表示処理と同じ処理には、同じステップ番号を付してある。同じ処理の説明は省略する。ここでは、図3(b)の文字403の表示処理について説明する。文字403は、パスE、パスB、パスC、パスDから構成され、描画色はそれぞれカラーW、カラーX、カラーY、カラーZである。背景色は「#0000F8」である。   FIG. 8 is an explanatory diagram of such an image display process performed by the information processing apparatus 11. FIG. 8A is a flowchart showing image display processing. The same step number is attached to the same processing as the image display processing of the first embodiment. Description of the same processing is omitted. Here, the display process of the character 403 in FIG. 3B will be described. A character 403 includes a path E, a path B, a path C, and a path D, and the drawing colors are a color W, a color X, a color Y, and a color Z, respectively. The background color is “# 0000F8”.

背景色、文字403を構成するパスE、パスB、パスC、パスDのパス形状、及び描画色の取得後に、情報処理装置11は、色差判定部208により背景色との色差が閾値以下となる描画色が設定されたパスが存在するか否かを判定する(S307)。本実施形態では、パスBのカラーXが背景色との色差が閾値以下となる。   After acquiring the background color, the path E, the path B, the path C, and the path D of the path D, and the drawing color, the information processing apparatus 11 determines that the color difference from the background color is equal to or less than the threshold by the color difference determination unit 208 It is determined whether or not there is a path in which the drawing color is set (S307). In this embodiment, the color difference between the color X of the path B and the background color is equal to or less than the threshold value.

隣接判定部701は、背景色との色差が閾値以下と判定された描画色のパスが、背景に接しているか否かを判定する(S801)。ここでは、パスBが背景に接しているか否かが判定される。隣接判定部701は、文字403を構成するすべてのパスB、パスC、パスD、パスEによって囲まれた領域の和集合領域の輪郭を確認する。図8(b)は、パスB、パスC、パスD、パスEから合成される和集合パス802の例示図である。隣接判定部701は、パスBが和集合パス802と輪郭を共有するか否かを判定する。図8(c)は、和集合パス802とパスBとの輪郭を表す図である。図8(c)から明らかなように、パスBは、和集合パス802と輪郭を共有していない。そのために、隣接判定部701は、パスBが背景に接していないと判定する。なお、図8(d)に示すパスCのように、和集合パス802と輪郭を共有するパスは、背景に隣接すると判定される。   The adjacency determination unit 701 determines whether or not the drawing color path for which the color difference from the background color is determined to be equal to or smaller than the threshold is in contact with the background (S801). Here, it is determined whether or not the path B is in contact with the background. The adjacency determination unit 701 confirms the outline of the union area of the areas surrounded by all the paths B, C, D, and E that form the character 403. FIG. 8B is an exemplary diagram of a union path 802 synthesized from the path B, the path C, the path D, and the path E. The adjacency determination unit 701 determines whether or not the path B shares an outline with the union path 802. FIG. 8C is a diagram illustrating the contours of the union path 802 and the path B. As is clear from FIG. 8C, the path B does not share the outline with the union path 802. Therefore, the adjacency determination unit 701 determines that the path B is not in contact with the background. Note that, as the path C shown in FIG. 8D, the path sharing the outline with the union path 802 is determined to be adjacent to the background.

背景色との色差が閾値以下と判定された描画色のパスが、背景に接している場合(S801:Y)、S308、S309の処理が行われる。色差が閾値以下となるパスが存在しない場合(S307:N)、背景色との色差が閾値以下と判定された描画色のパスが、背景に接していない場合(S801:N)、或いはパスの描画色の変更後に、描画部207がパスを描画して画像を生成する(S310)。CPU102は、描画結果をディスプレイ30に表示させて処理を終了する。   If the drawing color path for which the color difference from the background color is determined to be equal to or less than the threshold value is in contact with the background (S801: Y), the processing of S308 and S309 is performed. When there is no path where the color difference is less than or equal to the threshold (S307: N), when the path of the drawing color whose color difference from the background color is determined to be less than or equal to the threshold is not in contact with the background (S801: N), or After changing the drawing color, the drawing unit 207 draws a path to generate an image (S310). The CPU 102 displays the drawing result on the display 30 and ends the process.

以上の処理により、各々で色が設定されたパスを重ね合わせた文字を描画する際に、パスの色が変更されてもフォントのデザインの意図を損なうことがなくなる。また、背景色との色差を大きくして文字が表示されるために、文字の視認性が高まる。さらに、背景と同系色のパスが背景に接している場合にのみ描画色を変更するために、描画時の処理負荷を低減しつつ、文字の視認性を向上させることができる。   With the above processing, when drawing a character in which paths each having a set color are superimposed, even if the color of the path is changed, the intention of the font design is not impaired. In addition, since the character is displayed with a large color difference from the background color, the visibility of the character is improved. Furthermore, since the drawing color is changed only when a path having a color similar to the background is in contact with the background, it is possible to improve the visibility of characters while reducing the processing load during drawing.

[第3実施形態]
パスが複数の文字で同じ描画色に設定されており、所定の文字で当該パスの描画色を変更する必要がある場合には、他の文字に用いる場合であっても当該パスを同じ描画色に変更してもよい。この場合、複数の文字で同じ描画色にすることで、当該パスによる文字のデザインの意図が損なわれることが防止される。また、変更する色は、複数の文字で、文字を構成する当該パス以外のパスの色を考慮して決定される。本実施形態の情報処理装置のハードウェア構成及び機能ブロックは、第1実施形態の情報処理装置10のハードウェア構成(図1参照)及び機能ブロック(図2参照)と同様であるので説明を省略する。
[Third Embodiment]
If the path is set to the same drawing color for multiple characters and it is necessary to change the drawing color of the path for a given character, the path is set to the same drawing color even when used for other characters. You may change to In this case, by making the same drawing color for a plurality of characters, it is possible to prevent the intention of character design by the path from being impaired. Further, the color to be changed is determined by considering a color of a path other than the path constituting the character with a plurality of characters. The hardware configuration and functional blocks of the information processing apparatus according to the present embodiment are the same as the hardware configuration (see FIG. 1) and functional blocks (see FIG. 2) of the information processing apparatus 10 according to the first embodiment, and a description thereof will be omitted. To do.

図9は、このような情報処理装置10による画像の表示処理の説明図である。図9(a)は、画像の表示処理を表すフローチャートである。第1実施形態の画像の表示処理と同じ処理には、同じステップ番号を付してある。同じ処理の説明は省略する。ここでは、図3(b)の文字402及び文字404の表示処理について説明する。文字402は、パスA、パスB、パスC、パスDから構成され、描画色はそれぞれカラーW、カラーX、カラーY、カラーZである。文字404は、パスA、パスB、パスC、パスDから構成され、描画色はそれぞれカラーV、カラーX、カラーY、カラーZである。文字404は文字402と共通のパスから構成されるが、パスAの描画色が異なる。背景色は「#0000F8」である。   FIG. 9 is an explanatory diagram of such an image display process by the information processing apparatus 10. FIG. 9A is a flowchart showing image display processing. The same step number is attached to the same processing as the image display processing of the first embodiment. Description of the same processing is omitted. Here, the display process of the characters 402 and 404 in FIG. 3B will be described. The character 402 includes a path A, a path B, a path C, and a path D, and the drawing colors are a color W, a color X, a color Y, and a color Z, respectively. A character 404 includes a path A, a path B, a path C, and a path D, and the drawing colors are a color V, a color X, a color Y, and a color Z, respectively. The character 404 is composed of a path common to the character 402, but the drawing color of the path A is different. The background color is “# 0000F8”.

情報処理装置10は、背景色取得部201による背景色の取得後に、描画対象となる文字列に含まれるすべての文字について、S302〜S306の処理を行う(S901、S902)。色差判定部208は、文字402及び文字404のパスBの描画色であるカラーXが背景色との色差が閾値以下であると判定する(S307:Y)。   After acquiring the background color by the background color acquisition unit 201, the information processing apparatus 10 performs the processes of S302 to S306 for all characters included in the character string to be rendered (S901, S902). The color difference determination unit 208 determines that the color difference between the color X, which is the drawing color of the path B of the character 402 and the character 404, is less than or equal to the threshold color (S307: Y).

パス抽出部205は、パスBの描画色に対して所定の関係にある描画色が設定された他のパスを抽出する(S308)。図9(b)は、文字402及び文字404を構成するパスに設定された描画色を、RGB色空間にマッピングした例示図である。白丸が文字402を構成するパスに設定された描画色、斜線の丸が文字404を構成するパスに設定された描画色を表す。   The path extraction unit 205 extracts another path in which a drawing color having a predetermined relationship with the drawing color of the path B is set (S308). FIG. 9B is an exemplary diagram in which the drawing colors set in the paths constituting the character 402 and the character 404 are mapped in the RGB color space. A white circle represents a drawing color set for a path constituting the character 402, and a hatched circle represents a drawing color set for a path constituting the character 404.

パス抽出部205は、異なる文字402及び文字404で共通に用いられるパスを検出し、検出したパスに設定される描画色が一致しているか否かを検出する。本実施形態では、パスB、パスC、パスDが共通して用いられ、これらのパスの描画色も一致している。S307で判定された背景色との色差が閾値以下となる描画色であるカラーXは、パスBに設定される。第1実施形態で説明したように、カラーX、カラーY、カラーZはRGB色空間において直線上に並ぶ。   The path extraction unit 205 detects a path that is used in common by different characters 402 and 404, and detects whether or not the drawing colors set in the detected path match. In the present embodiment, the path B, the path C, and the path D are used in common, and the drawing colors of these paths also match. The color X, which is the drawing color for which the color difference from the background color determined in S307 is equal to or less than the threshold, is set to pass B. As described in the first embodiment, the color X, the color Y, and the color Z are arranged on a straight line in the RGB color space.

このような場合、パス描画色変更部206は、第1実施形態と同様に、カラーX、カラーY、カラーZを背景色との色差が閾値以上となるように平行移動させて、描画色を変更する(S309)。パス描画色変更部206は、平行移動させる方向として文字402のパスAに設定されるカラーWと、文字404のパスAに設定されるカラーVとの関係を加味する。パス描画色変更部206は、例えば、カラーW、カラーVからの距離の2乗の和が最小になるようにし、カラーVとカラーWのどちらからもなるべく色が近づかないようなバランスになるように平行移動量を計算する。図9(b)の例では、平行移動量(r,g,0)において、「r」と「g」が同じ値になる点を計算する。閾値を「16」とすると、10<r=g<11となるため、パス描画色変更部206は、カラーXを「#0B0BFF」、カラーYを「#0B0BC0」、カラーZを「#0B0B80」に変更する。   In such a case, similarly to the first embodiment, the path drawing color changing unit 206 translates the colors X, Y, and Z so that the color difference from the background color is equal to or greater than the threshold value, thereby changing the drawing color. Change (S309). The path drawing color changing unit 206 considers the relationship between the color W set for the path A of the character 402 and the color V set for the path A of the character 404 as the direction of translation. For example, the path drawing color changing unit 206 minimizes the sum of the squares of the distances from the color W and the color V, and balances the colors as close as possible from both the color V and the color W. Calculate the translation amount. In the example of FIG. 9B, the points where “r” and “g” have the same value are calculated in the parallel movement amount (r, g, 0). When the threshold value is “16”, 10 <r = g <11. Therefore, the path drawing color changing unit 206 sets the color X to “# 0B0BFF”, the color Y to “# 0B0BC0”, and the color Z to “# 0B0B80”. Change to

描画部207は、このように描画色が変更されたパスを描画することで、文字402及び文字404を含む画像を描画する(S310)。CPU102は、描画結果をディスプレイ30に表示させて処理を終了する。以上の処理により、各々で色が設定されたパスを重ね合わせた文字を描画する際に、パスの色が変更されてもフォントのデザインの意図を損なうことがなくなる。また、背景色との色差を大きくして文字が表示されるために、文字の視認性が高まる。   The drawing unit 207 draws an image including the characters 402 and 404 by drawing the path whose drawing color has been changed in this way (S310). The CPU 102 displays the drawing result on the display 30 and ends the process. With the above processing, when drawing a character in which paths each having a set color are superimposed, even if the color of the path is changed, the intention of the font design is not impaired. In addition, since the character is displayed with a large color difference from the background color, the visibility of the character is improved.

[その他の実施形態]
また、本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア(プログラム)を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給し、そのシステム或いは装置のコンピュータ(またはCPU、MPU等)がプログラムを読み出して実行する処理である。
[Other Embodiments]
The present invention can also be realized by executing the following processing. That is, software (program) that realizes the functions of the above-described embodiments is supplied to a system or apparatus via a network or various storage media, and the computer (or CPU, MPU, etc.) of the system or apparatus reads the program. It is a process to be executed.

Claims (14)

文字の描画が指示されたことに応じて、前記文字を表す画像を構成する複数の構成部材に、前記文字が描画される背景の背景色と同系色の構成部材が含まれるかを判定する色差判定手段と、
前記複数の構成部材に前記背景色と同系色の構成部材が含まれると判定された場合、該構成部材の色に対して所定の関係にある色が設定された他の構成部材を前記複数の構成部材から抽出する抽出手段と、
前記複数の構成部材のうち前記背景色と同系色の前記構成部材、及び、前記抽出手段で抽出された前記構成部材の色を、前記所定の関係を保ちつつ変更する色変更手段と、
変更された構成部材の色を使って各構成部材を前記背景の上に描画することで前記画像を形成する描画手段と、を備えることを特徴とする、
情報処理装置。
A color difference for determining whether a plurality of constituent members constituting an image representing the character include a constituent member having a color similar to the background color of the background on which the character is drawn in response to an instruction to draw the character A determination means;
When it is determined that the constituent members having the same color as the background color are included in the plurality of constituent members, the other constituent members in which a color having a predetermined relationship with the color of the constituent members is set Extraction means for extracting from the components;
A color changing unit that changes the color of the structural member that is similar to the background color among the plurality of structural members, and the color of the structural member extracted by the extracting unit, while maintaining the predetermined relationship;
Drawing means for forming the image by drawing each component on the background using the changed color of the component; and
Information processing device.
前記色差判定手段は、前記構成部材の色を表す値と、前記背景色を表す値との差が閾値以下であれば、当該構成部材の色が前記背景色と同系色であると判定し、
前記色変更手段は、前記背景色を表す値との差が前記閾値よりも大きくなるように、前記背景色と同系色の前記構成部材、及び、前記抽出手段で抽出された前記構成部材の色を変更することを特徴とする、
請求項1記載の情報処理装置。
If the difference between the value representing the color of the component and the value representing the background color is equal to or less than a threshold, the color difference determination unit determines that the color of the component is similar to the background color;
The color changing unit is configured such that the difference between the value representing the background color and the color of the component extracted by the extraction unit is the same color as the background color so that the difference from the value representing the background color is larger than the threshold. Characterized by changing,
The information processing apparatus according to claim 1.
前記背景色と同系色の前記構成部材が、背景に隣接するか否かを判定する隣接判定手段を更に備えており、
前記抽出手段は、前記背景色と同系色の前記構成部材が前記背景に隣接する場合に、前記他の構成部材の抽出を行うことを特徴とする、
請求項1又は2記載の情報処理装置。
The apparatus further comprises adjacency determining means for determining whether or not the component having the same color as the background color is adjacent to the background.
The extraction means extracts the other constituent member when the constituent member of the same color as the background color is adjacent to the background.
The information processing apparatus according to claim 1 or 2.
前記隣接判定手段は、前記背景色と同系色の構成部材が、前記複数の構成部材を合成した和集合と輪郭を共有するか否かにより、当該構成部材が前記背景に隣接するか否かを判定することを特徴とする、
請求項3記載の情報処理装置。
The adjacency determining means determines whether or not the constituent member adjacent to the background is based on whether or not the constituent member having the same color as the background color shares the union with the union of the plurality of constituent members. It is characterized by judging,
The information processing apparatus according to claim 3.
前記抽出手段は、色空間において、前記背景色と同系色の構成部材の色の値を通って直線上に並ぶ他の2以上の色を抽出し、これらの色が設定される2以上の構成部材を抽出することを特徴とする、
請求項1〜4のいずれか1項記載の情報処理装置。
In the color space, the extracting means extracts two or more other colors arranged in a straight line through the color values of components similar to the background color, and two or more configurations in which these colors are set Extracting a member,
The information processing apparatus according to any one of claims 1 to 4.
前記抽出手段は、RGB色空間、または色相、明度、彩度によって表される色空間において、前記背景色と同系色の構成部材の色の値を通って直線上に並ぶ他の2以上の色を抽出することを特徴とする、
請求項5記載の情報処理装置。
In the RGB color space or a color space represented by hue, lightness, and saturation, the extracting means includes two or more other colors arranged in a straight line through the color values of the constituent members similar to the background color. Characterized by extracting,
The information processing apparatus according to claim 5.
前記色変更手段は、前記色空間において、前記背景色と同系色の前記構成部材及び前記抽出手段が抽出した構成部材に設定される色の値を、前記直線を保ったまま前記色空間の原点中心に所定の方向へ回転させた値に変更することを特徴とする、
請求項5又は6記載の情報処理装置。
In the color space, the color changing unit is configured to set a color value set for the constituent member having the same color as the background color and the constituent member extracted by the extracting unit in the color space, while maintaining the straight line. It is characterized in that it is changed to a value rotated in a predetermined direction at the center,
The information processing apparatus according to claim 5 or 6.
前記抽出手段は、色空間において、前記背景色を表す値との差が同値となる色が設定される2以上の構成部材を抽出することを特徴とする、
請求項1〜4のいずれか1項記載の情報処理装置。
The extraction unit extracts two or more components in which a color having a difference from the value representing the background color is set in a color space.
The information processing apparatus according to any one of claims 1 to 4.
前記色変更手段は、前記背景色と同系色の前記構成部材及び前記抽出手段が抽出した構成部材に設定される色を、前記背景色の値との差が大きくなるように変更することを特徴とする、
請求項8記載の情報処理装置。
The color changing unit is configured to change the color set for the constituent member having the same color as the background color and the color set for the constituent member extracted by the extracting unit such that a difference from the value of the background color becomes large. And
The information processing apparatus according to claim 8.
前記色変更手段は、前記背景色と同系色の前記構成部材及び前記抽出手段で抽出された前記構成部材の色を、所定のスケール値を乗算することで変更することを特徴とする、
請求項1〜9のいずれか1項記載の情報処理装置。
The color changing unit is configured to change the color of the structural member similar to the background color and the color of the structural member extracted by the extracting unit by multiplying by a predetermined scale value.
The information processing apparatus according to claim 1.
前記色変更手段は、前記所定の関係にあると判定された構成部材が、複数の文字で同じ色に設定されている場合に、当該構成部材の色を、前記複数の文字において同じ色に変更することを特徴とする、
請求項1〜10記載の情報処理装置。
The color changing unit changes the color of the component to the same color in the plurality of characters when the component determined to be in the predetermined relationship is set to the same color with a plurality of characters. It is characterized by
The information processing apparatus according to claim 1.
文字の描画が指示されたことに応じて、ディスプレイに、複数の構成部材により構成される前記文字を表す画像を表示させる情報処理装置により実行される方法であって、
前記複数の構成部材に、前記文字が描画される背景の背景色と同系色の構成部材が含まれるかを判定する工程と、
前記複数の構成部材に前記背景色と同系色の構成部材が含まれると判定された場合、該構成部材の色に対して所定の関係にある色が設定された他の構成部材を前記複数の構成部材から抽出する工程と、
前記複数の構成部材のうち前記背景色と同系色の前記構成部材、及び、抽出した前記構成部材の色を、前記所定の関係を保ちつつ変更する工程と、
変更した構成部材の色を使って各構成部材を前記背景の上に描画することで前記画像を形成するする工程と、を含むことを特徴とする、
画像の表示方法。
A method executed by an information processing apparatus that displays an image representing the character composed of a plurality of components on a display in response to an instruction to draw a character,
Determining whether the plurality of constituent members include constituent members of a similar color to the background color of the background on which the characters are drawn; and
When it is determined that the constituent members having the same color as the background color are included in the plurality of constituent members, the other constituent members in which a color having a predetermined relationship with the color of the constituent members is set Extracting from the component;
The step of changing the color of the constituent member similar to the background color among the plurality of constituent members and the color of the extracted constituent member while maintaining the predetermined relationship;
Forming the image by drawing each component on the background using the changed color of the component, and
How to display the image.
文字の描画が指示されたことに応じて、ディスプレイに、複数の構成部材により構成される前記文字を表す画像を表示させるコンピュータを、
文字の描画が指示されたことに応じて、前記文字を表す画像を構成する複数の構成部材に、前記文字が描画される背景の背景色と同系色の構成部材が含まれるかを判定する色差判定手段、
前記複数の構成部材に前記背景色と同系色の構成部材が含まれると判定された場合、該構成部材の色に対して所定の関係にある色が設定された他の構成部材を前記複数の構成部材から抽出する抽出手段、
前記複数の構成部材のうち前記背景色と同系色の前記構成部材、及び、前記抽出手段で抽出された前記構成部材の色を、前記所定の関係を保ちつつ変更する色変更手段、
変更された構成部材の色を使って各構成部材を前記背景の上に描画することで前記画像を形成する描画手段、
として機能させるためのコンピュータプログラム。
In response to an instruction to draw a character, a computer that displays an image representing the character composed of a plurality of components on a display,
A color difference for determining whether a plurality of constituent members constituting an image representing the character include a constituent member having a color similar to the background color of the background on which the character is drawn in response to an instruction to draw the character Determination means,
When it is determined that the constituent members having the same color as the background color are included in the plurality of constituent members, the other constituent members in which a color having a predetermined relationship with the color of the constituent members is set Extraction means for extracting from the components;
A color changing unit that changes the color of the constituent member that is similar to the background color among the plurality of constituent members, and the color of the constituent member that is extracted by the extracting unit, while maintaining the predetermined relationship;
Drawing means for forming the image by drawing each component on the background using the changed color of the component;
Computer program to function as.
請求項13記載のコンピュータプログラムを記憶するコンピュータにより読み取り可能な記憶媒体。   A computer-readable storage medium storing the computer program according to claim 13.
JP2015085095A 2015-04-17 2015-04-17 Information processing device, image display method, compute program and recording medium Pending JP2016206301A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2015085095A JP2016206301A (en) 2015-04-17 2015-04-17 Information processing device, image display method, compute program and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2015085095A JP2016206301A (en) 2015-04-17 2015-04-17 Information processing device, image display method, compute program and recording medium

Publications (1)

Publication Number Publication Date
JP2016206301A true JP2016206301A (en) 2016-12-08

Family

ID=57487101

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2015085095A Pending JP2016206301A (en) 2015-04-17 2015-04-17 Information processing device, image display method, compute program and recording medium

Country Status (1)

Country Link
JP (1) JP2016206301A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020084651A1 (en) * 2018-10-22 2020-04-30 オリンパス株式会社 Image processing device, image processing method, endoscope system, and endoscopic observation method
JP7476634B2 (en) 2020-04-14 2024-05-01 コニカミノルタ株式会社 Image forming apparatus, control method for image forming apparatus, and control program for image forming apparatus

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020084651A1 (en) * 2018-10-22 2020-04-30 オリンパス株式会社 Image processing device, image processing method, endoscope system, and endoscopic observation method
CN112601486A (en) * 2018-10-22 2021-04-02 奥林巴斯株式会社 Image processing apparatus, image processing method, endoscope system, and endoscope observation method
JPWO2020084651A1 (en) * 2018-10-22 2021-09-24 オリンパス株式会社 Image processing equipment, image processing method, endoscopic system and endoscopic observation method
JP7053873B2 (en) 2018-10-22 2022-04-12 オリンパス株式会社 Image processing equipment and endoscopic system
US11793391B2 (en) 2018-10-22 2023-10-24 Olympus Corporation Image processing device, image processing method, endoscope system, and endoscope observation method
JP7476634B2 (en) 2020-04-14 2024-05-01 コニカミノルタ株式会社 Image forming apparatus, control method for image forming apparatus, and control program for image forming apparatus

Similar Documents

Publication Publication Date Title
US11610367B2 (en) Three-dimensional model processing method, electronic device, and storage medium
KR102410724B1 (en) Presentation of representation of handwriting input on display
US11681910B2 (en) Training apparatus, recognition apparatus, training method, recognition method, and program
US9146907B1 (en) Systems and methods providing parameters for modifying a font
US20180005604A1 (en) Input display device, input display method, and computer-readable medium
US20150067465A1 (en) Handwritten document processing device, handwritten document processing method, and handwritten document processing program
JP2009540359A (en) Remote subpixel resolution characteristics
US11610046B2 (en) Automatic generation of responsive font effects based on font elements
US20150356751A1 (en) Display evaluation device, display evaluation method, and non-transitory computer readable medium
US10403040B2 (en) Vector graphics rendering techniques
JP2016206301A (en) Information processing device, image display method, compute program and recording medium
US20150332482A1 (en) Detecting conformance of graphical output data from an application to a convention
US9619126B2 (en) Computer-readable non-transitory storage medium with image processing program stored thereon, element layout changed material generating device, image processing device, and image processing system
US10163004B2 (en) Inferring stroke information from an image
US10922863B2 (en) Systems and methods for efficiently generating and modifying an outline of electronic text
CN109934058B (en) Face image processing method, face image processing device, electronic apparatus, storage medium, and program
WO2020124442A1 (en) Pushing method and related product
WO2018173338A1 (en) Information presentation device, information presentation method, and program
CN109313506B (en) Information processing apparatus, information processing method, and program
JP2012098951A (en) Graphic drawing processing apparatus, graphic drawing processing method and computer program
JP2017132095A5 (en)
JP6821924B2 (en) Image processing device, image processing method
US20220360436A1 (en) Computer-readable recording medium storing generation program, generation method, and information processing apparatus
US11082585B1 (en) Visual content proofing on multiple target devices
US10185904B2 (en) Information processing apparatus for setting an attribute of a pixel based on a conformity between pixel values of objects, information processing method for setting an attribute of a pixel based on a conformity between pixel values of objects, and non-transitory computer readable medium for setting an attribute of a pixel based on a conformity between pixel values of objects