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 PDFInfo
- 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
Links
Images
Abstract
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).
絵文字等のカラーフォントでは、上記の技術で視認性を確保しようとすると、グリフ毎に背景色に応じた色に置き換えられ、カラーフォントのデザインの意図が損なわれる可能性がある。また、グリフ毎に複数の描画色を用意する必要があるためにカラーフォントの表示のための記憶容量が大きくなり、描画処理のオーバーヘッドが大きくなる。 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.
以下、図面を参照して実施形態を詳細に説明する。ただし、本実施形態に記載されている構成要素はあくまでも例示であり、本発明の範囲をそれらのみに限定する趣旨のものではない。 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
情報処理装置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
図2は、情報処理装置10の機能ブロック図である。ここでは、情報処理装置10がカラーフォントを表示する際に必要な機能について説明する。情報処理装置10は、記憶部200、背景色取得部201、文字情報取得部202、パス形状取得部203、パス描画色取得部204、パス抽出部205、パス描画色変更部206、描画部207、及び色差判定部208として機能する。これらの機能は、CPU102がコンピュータプログラムを実行することで実現される。
FIG. 2 is a functional block diagram of the
記憶部200は、ディスプレイ30に表示される画像を表す画像データを記憶する。画像は、背景上に所定のフォントで文字が表示されて構成される。文字は、例えば絵文字等のカラーフォントで形成される。図3は、画像データの説明図である。画像データは、背景401の色(背景色)に関する情報及び画像に含まれる文字のフォントを設定する文字情報を含む。本実施形態では、フォント(文字)の構成部材としてパスを用いた例を説明するが、グリフを構成部材として用いる場合も同様の処理が可能である。文字情報は、文字毎に、パスの描画順、パスを識別するためのパスID、パスの色を識別するパレットIDを含む。本実施形態では、背景色及びパスの色が、光の3原色であるRGBをそれぞれ8ビット整数で表現した形式(HTML(HyperText Markup Language)で使用される表現)で表す。なお、記憶部200は、各種インタフェースを介して接続された外部装置(例えば、メモリディスクやインターネット上のサーバ装置)であってもよい。
The
図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
背景色取得部201は、記憶部200に記憶された画像データから画像の背景色を表す情報を取得する。
文字情報取得部202は、記憶部200に記憶された画像データから描画対象となる文字に関する文字情報を取得する。
パス形状取得部203は、パス形状を、文字情報取得部202が取得した文字情報に応じて取得する。パス形状取得部203は、文字情報に含まれるパスIDにより、形状テーブルを参照してパス形状を取得する。
パス描画色取得部204は、パスの色を、文字情報取得部202が取得した文字情報に応じて取得する。パス描画色取得部204は、文字情報に含まれるパレットIDにより、描画色テーブルを参照してパスの描画色を取得する。
The background
The character
The path shape
The path drawing
パス抽出部205は、描画色が所定の関係にある2以上のパスを抽出する。パス抽出部205は、例えば色空間内で各描画色がどのように配置されて所定の関係にあるかを判定してパスを抽出する。
パス描画色変更部206は、パス抽出部205で所定の関係にあると判定された各パスの描画色を変更する。パス描画色変更部206は、所定の関係を保ちつつ、背景色に対する視認性が高まるように各パスの描画色を変更する。
描画部207は、背景上に各パスを描画して、ディスプレイ30に表示する文字の画像を形成する。描画部207は、パスの描画色が変更された場合には、変更内容を反映した色を使ってパスの描画を行う。
色差判定部208は、背景色と同系色の描画色が設定されたパスの有無を判定する。例えば色差判定部208は、背景色を表す値とパスの描画色を表す値との色差を算出して、色差が閾値以下であるパスの存在の有無を判定する。色差は、例えばRGB色空間内での距離により表される。色差判定部208は、色差をR、G、Bそれぞれの値の差の2乗の和の平方根を計算することで算出する。
The
The path drawing
The
The color
図4は、このような情報処理装置10による画像の表示処理を表すフローチャートである。以下の説明では、図3の画像データを用いて文字402の画像を表示する処理について説明する。
FIG. 4 is a flowchart showing image display processing by such an
表示処理が開始されると、背景色取得部201は、記憶部200に記憶される画像データから、背景401の色を取得する(S301)。ここでは、背景色取得部201は、背景色「#000F8」を取得する。文字情報取得部202は、記憶部200から、描画対象の文字を構成する文字情報を取得する(S302)。ここでは、文字情報取得部202が、文字402に関する文字情報を取得する。
When the display process is started, the background
パス形状取得部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
色差判定部208は、背景色と各パスの描画色との色差を算出して、色差が閾値以下となるパスが存在するか否かを判定する(S307)。本実施形態では、背景色及び各パスの描画色のR、G、Bそれぞれが「0〜255」の値にエンコーディングされている。また、本実施形態では、色差の閾値を「16」とする。
The color
色差が閾値以下となるパスが存在する場合(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
図5は、パスの抽出処理を表すフローチャートである。パス抽出部205は、背景色との色差が閾値以下となるパスの描画色と、他のパスの描画色との組み合わせについて、各描画色間のベクトルを算出して、算出したベクトルを正規化する(S501〜S504)。本実施形態では、パス抽出部205は、パスBの描画色と、パスA、パスC、パスDの各描画色とのベクトルを算出して正規化する。パス抽出部205は、正規化後のベクトルが一致する描画色が設定されたパスの組み合わせを抽出する(S505)。
FIG. 5 is a flowchart showing path extraction processing. The
図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
背景色との色差が閾値以下となるパス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
以上のような処理によりパスが抽出されると、パス描画色変更部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
一例として、描画色の値を、直線上に並ぶ関係を保ちながらRGB色空間内を平行移動させる方法について説明する。平行移動させるときには、平行移動量を最も小さくして、移動後の描画色の値がRGB色空間(R、G、B方向にいずれも0〜255)の範囲内に存在するようにする。平行移動時には、図6(c)に示すように、背景色からカラーX、カラーY、カラーZが並ぶ直線への垂線ベクトルを算出し、その垂線ベクトルの延長方向に、各描画色の値を平行移動する。
本実施形態では、平行移動量を最小にするために、「r2+g2=162」を満たす(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
色差が閾値以下となるパスが存在しない場合(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
上記の例では、パス抽出部205は、S308の処理において、RGB色空間内の描画色の値が直線上に並ぶ関係にあるパスを抽出しているが、他の色空間を用いて関係性を抽出してもよい。例えば、パス抽出部205は、色相、明度、彩度をパラメータとした色空間を用いて、各パスの描画色の関係性を抽出してもよい。図6(e)は、色相、明度、彩度をパラメータとした色空間の例示図であり、極座標で表される。抽出される描画色の関係は、例えば色相が一致している、彩度が一致している等となる。
また、色空間において描画色が直線上に並ぶ以外の関係性を抽出してもよい。さらに、描画色に加えて背景色との関係を用いてもよい。例えば、RGB色空間において、各パスの描画色の値が背景色の値を中心とした球上に存在する、すなわち背景色の値との色差が同値となるような関係を持つ描画色を抽出してもよい。また、本実施形態ではベクトルが一致することを関係性があるという条件にしていたが、正規化後のベクトルがある許容範囲内であれば一致するとみなすようにしてもよい。
In the above example, the
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
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
[第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
図7は、第2実施形態の情報処理装置11の機能ブロック図である。情報処理装置11は、第1実施形態の情報処理装置10の各機能に加えて、隣接判定部701として機能する。これらの機能は、CPU102がコンピュータプログラムを実行することで実現される、カラーフォントを表示する際に必要な機能である。隣接判定部701は、文字を構成するパスが、画像の背景に隣接するか否かを判定する。
FIG. 7 is a functional block diagram of the
図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
背景色、文字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
隣接判定部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
背景色との色差が閾値以下と判定された描画色のパスが、背景に接している場合(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
以上の処理により、各々で色が設定されたパスを重ね合わせた文字を描画する際に、パスの色が変更されてもフォントのデザインの意図を損なうことがなくなる。また、背景色との色差を大きくして文字が表示されるために、文字の視認性が高まる。さらに、背景と同系色のパスが背景に接している場合にのみ描画色を変更するために、描画時の処理負荷を低減しつつ、文字の視認性を向上させることができる。 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
図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
情報処理装置10は、背景色取得部201による背景色の取得後に、描画対象となる文字列に含まれるすべての文字について、S302〜S306の処理を行う(S901、S902)。色差判定部208は、文字402及び文字404のパスBの描画色であるカラーXが背景色との色差が閾値以下であると判定する(S307:Y)。
After acquiring the background color by the background
パス抽出部205は、パスBの描画色に対して所定の関係にある描画色が設定された他のパスを抽出する(S308)。図9(b)は、文字402及び文字404を構成するパスに設定された描画色を、RGB色空間にマッピングした例示図である。白丸が文字402を構成するパスに設定された描画色、斜線の丸が文字404を構成するパスに設定された描画色を表す。
The
パス抽出部205は、異なる文字402及び文字404で共通に用いられるパスを検出し、検出したパスに設定される描画色が一致しているか否かを検出する。本実施形態では、パスB、パスC、パスDが共通して用いられ、これらのパスの描画色も一致している。S307で判定された背景色との色差が閾値以下となる描画色であるカラーXは、パスBに設定される。第1実施形態で説明したように、カラーX、カラーY、カラーZはRGB色空間において直線上に並ぶ。
The
このような場合、パス描画色変更部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
描画部207は、このように描画色が変更されたパスを描画することで、文字402及び文字404を含む画像を描画する(S310)。CPU102は、描画結果をディスプレイ30に表示させて処理を終了する。以上の処理により、各々で色が設定されたパスを重ね合わせた文字を描画する際に、パスの色が変更されてもフォントのデザインの意図を損なうことがなくなる。また、背景色との色差を大きくして文字が表示されるために、文字の視認性が高まる。
The
[その他の実施形態]
また、本発明は、以下の処理を実行することによっても実現される。即ち、上述した実施形態の機能を実現するソフトウェア(プログラム)を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給し、そのシステム或いは装置のコンピュータ(または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.
請求項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.
請求項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.
請求項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.
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)
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 |
-
2015
- 2015-04-17 JP JP2015085095A patent/JP2016206301A/en active Pending
Cited By (6)
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 |