JPH11219242A - ページ生成方法 - Google Patents
ページ生成方法Info
- Publication number
- JPH11219242A JPH11219242A JP2063898A JP2063898A JPH11219242A JP H11219242 A JPH11219242 A JP H11219242A JP 2063898 A JP2063898 A JP 2063898A JP 2063898 A JP2063898 A JP 2063898A JP H11219242 A JPH11219242 A JP H11219242A
- Authority
- JP
- Japan
- Prior art keywords
- color
- image
- character string
- page
- area
- 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
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
(57)【要約】
【課題】従来技術における課題は、背景となる画像が動
的に変化する場合に文字列と画像の絵柄が重なって文字
が読み辛くなることであり、背景の画像に応じて文字の
属性を変化させる必要があった。 【解決手段】ステップ１２０でテンプレートファイルを
解析してデフォルトの文字色を求め、ステップ１３０で
ページに配置された文字列の座標を求め、ステップ１５
０、１６０で文字列が見え辛くなるか否かを判定し、文
字列が見え辛くなる場合はステップ１７０で文字の属性
を変える処理を設けた。
的に変化する場合に文字列と画像の絵柄が重なって文字
が読み辛くなることであり、背景の画像に応じて文字の
属性を変化させる必要があった。 【解決手段】ステップ１２０でテンプレートファイルを
解析してデフォルトの文字色を求め、ステップ１３０で
ページに配置された文字列の座標を求め、ステップ１５
０、１６０で文字列が見え辛くなるか否かを判定し、文
字列が見え辛くなる場合はステップ１７０で文字の属性
を変える処理を設けた。
Description
【０００１】
【発明の属する技術分野】本発明は、画像と文字などを
重ね合わせたページを生成するソフトウェアシステムに
おいて、データーベースの検索結果によって画像が選ば
れたり、イベント処理によって画像が入れ替わるとき
に、画像に重ね合わされる文字の色等を自動的に調整す
る方法に関する。
重ね合わせたページを生成するソフトウェアシステムに
おいて、データーベースの検索結果によって画像が選ば
れたり、イベント処理によって画像が入れ替わるとき
に、画像に重ね合わされる文字の色等を自動的に調整す
る方法に関する。
【０００２】
【従来の技術】本発明に関連のあるものとして、以下の
文献がある。
文献がある。
【０００３】（ａ）「Ｃascading Ｓtyle Ｓheets，Ｌe
vel１」，Ｗ３Ｃのホームページ（〈Ｕrl〉http：//ｗ
ｗｗ．ｗ３．org/）の中、Ｗ３Ｃ Ｒecommendation，１
７Ｄec.１９９６． Ｗ３Ｃが推奨するスタイルシートについての解説であ
り、この中に背景の性質に関する事項がある。これによ
ると、ページの背景に特定の色を塗る、あるいは画像を
貼り付けることができるという内容である。
vel１」，Ｗ３Ｃのホームページ（〈Ｕrl〉http：//ｗ
ｗｗ．ｗ３．org/）の中、Ｗ３Ｃ Ｒecommendation，１
７Ｄec.１９９６． Ｗ３Ｃが推奨するスタイルシートについての解説であ
り、この中に背景の性質に関する事項がある。これによ
ると、ページの背景に特定の色を塗る、あるいは画像を
貼り付けることができるという内容である。
【０００４】（ｂ）川崎克巳著、「ＪavaＳcriptマスタ
ーバイブル」、pp.５３−５５，１９９６年１２月２５
日、第１版発行 画面を黒から白へと変化させるフェードインをＪava Ｓ
criptを使ってプログラミングしたという内容である。
この文献では、変化させる時間間隔と変化させる色の度
合いをパラメータとし、ページの背景色を徐々に変化さ
せている。
ーバイブル」、pp.５３−５５，１９９６年１２月２５
日、第１版発行 画面を黒から白へと変化させるフェードインをＪava Ｓ
criptを使ってプログラミングしたという内容である。
この文献では、変化させる時間間隔と変化させる色の度
合いをパラメータとし、ページの背景色を徐々に変化さ
せている。
【０００５】（ｃ）「Ｎetscape Ｃommunicatorの全貌
を探る」、Oh！PC No.２８６，pp.１６７−１７１，１
９９７年６月１５日発行 ＨＴＭＬ（Ｈyper Ｔext Ｍarkup Ｌanguage）の拡張タ
グ〈ＬＡＹＥＲ〉の解説が含まれ、このタグを用いると
１つの画像を複数のオブジェクトで編成でき、オブジェ
クトを順番に重ねて表示することができるという内容で
ある。
を探る」、Oh！PC No.２８６，pp.１６７−１７１，１
９９７年６月１５日発行 ＨＴＭＬ（Ｈyper Ｔext Ｍarkup Ｌanguage）の拡張タ
グ〈ＬＡＹＥＲ〉の解説が含まれ、このタグを用いると
１つの画像を複数のオブジェクトで編成でき、オブジェ
クトを順番に重ねて表示することができるという内容で
ある。
【０００６】
【発明が解決しようとする課題】かかる従来の方法にお
いては、次のような問題点がある。
いては、次のような問題点がある。
【０００７】（１）従来技術ａにおいて、ＨＴＭＬタグ
によって記述された文字列や画像は、自動的にページ内
に配置される。さらに、ページには背景があり、背景に
は色を付けることができるし、画像を貼り付けることも
できる。
によって記述された文字列や画像は、自動的にページ内
に配置される。さらに、ページには背景があり、背景に
は色を付けることができるし、画像を貼り付けることも
できる。
【０００８】しかし、これらの背景に貼り付けられる画
像は、ＨＴＭＬタグによって配置される画像や文字列と
は無関係に貼り付けられるため、文字列と背景画像が重
なって見え辛くなる状況を、ページを生成する前に知る
ことはできない。また、背景の画像が決まったものであ
る場合は、画像の上に文字列を重ねて文字の見易さを予
め試すことができるが、任意の画像が選ばれる状況では
事前に視認性を確認することができない。
像は、ＨＴＭＬタグによって配置される画像や文字列と
は無関係に貼り付けられるため、文字列と背景画像が重
なって見え辛くなる状況を、ページを生成する前に知る
ことはできない。また、背景の画像が決まったものであ
る場合は、画像の上に文字列を重ねて文字の見易さを予
め試すことができるが、任意の画像が選ばれる状況では
事前に視認性を確認することができない。
【０００９】本発明の第１の目的は、背景に貼り付ける
画像が予め分かっていない場合に、文字列と画像の絵柄
が重なって文字が読み辛くなる状況を防ぐことであり、
背景の画像に応じて文字の属性を変化させることであ
る。
画像が予め分かっていない場合に、文字列と画像の絵柄
が重なって文字が読み辛くなる状況を防ぐことであり、
背景の画像に応じて文字の属性を変化させることであ
る。
【００１０】（２）従来技術ｂは、ＨＴＭＬ文書を生成
させることによって、動的にページを変化させることが
できるというものである。ここでは、ＪavaＳcriptを使
って画面の背景を黒色から灰色、さらに白色へと徐々に
変化させている。これを応用すれば、背景の絵を時間制
御で変化させたり、マウスイベントに対応させて切り替
えたりすることができる。
させることによって、動的にページを変化させることが
できるというものである。ここでは、ＪavaＳcriptを使
って画面の背景を黒色から灰色、さらに白色へと徐々に
変化させている。これを応用すれば、背景の絵を時間制
御で変化させたり、マウスイベントに対応させて切り替
えたりすることができる。
【００１１】しかし、動画像中に含まれる色の配置は各
フレームの画像によって異なるし、背景の動画像はＨＴ
ＭＬタグによって配置される文字列とは無関係に貼り付
けられるため、類似色の文字列と背景が重なる状況を、
ページを生成する前に知ることはできなかった。
フレームの画像によって異なるし、背景の動画像はＨＴ
ＭＬタグによって配置される文字列とは無関係に貼り付
けられるため、類似色の文字列と背景が重なる状況を、
ページを生成する前に知ることはできなかった。
【００１２】本発明の第２の目的は、背景が動画像であ
る場合に、文字列の色がその文字の近傍にある背景と類
似した色にならないようにすることであり、ページ中の
文字列が表示される部分について、動画像の色を監視し
ておき、フレームに応じて文字の色を変えることであ
る。
る場合に、文字列の色がその文字の近傍にある背景と類
似した色にならないようにすることであり、ページ中の
文字列が表示される部分について、動画像の色を監視し
ておき、フレームに応じて文字の色を変えることであ
る。
【００１３】（３）従来技術ｃは、ＨＴＭＬの拡張タグ
〈ＬＡＹＥＲ〉を用いると、複数のオブジェクトを順番
に重ねて１つのイメージにすることができるというもの
である。すなわち、背景と前景という２つのオブジェク
トの組み合わせだけでなく、多数のオブジェクトを１枚
のページに配置することができる。
〈ＬＡＹＥＲ〉を用いると、複数のオブジェクトを順番
に重ねて１つのイメージにすることができるというもの
である。すなわち、背景と前景という２つのオブジェク
トの組み合わせだけでなく、多数のオブジェクトを１枚
のページに配置することができる。
【００１４】このとき、使用する画像が動画像であれ
ば、画像の色合いが刻々変化するので、重ね合わせてい
るオブジェクトの境界が分かり難くなることがある。
ば、画像の色合いが刻々変化するので、重ね合わせてい
るオブジェクトの境界が分かり難くなることがある。
【００１５】本発明の第３の目的は、ページを構成する
文字以外のオブジェクトについて、複数個のオブジェク
トを重ねてページを生成する場合に、類似色のオブジェ
クトが重なってもそれらの境界が分かるようにする事で
ある。
文字以外のオブジェクトについて、複数個のオブジェク
トを重ねてページを生成する場合に、類似色のオブジェ
クトが重なってもそれらの境界が分かるようにする事で
ある。
【００１６】
【課題を解決するための手段】本発明では第１の課題を
解決するために、画像中の領域を複数の領域に分離する
ためのマスクデータを持ち、該マスクデータのファイル
と画像ファイルを一対として管理する為のテーブルを持
ち、ページを見るためのビューアによって画像が選ばれ
た場合に、対応するマスクデータを読み出す処理を設け
た。さらに、ページ上に文字列が配置される座標を求め
る処理を設け、その座標がマスク領域の内部にあるか外
部にあるかを判定する処理を設けた。また、マスク領域
に対応する画像領域の平均的な色を定義しておくテーブ
ルを用意した。
解決するために、画像中の領域を複数の領域に分離する
ためのマスクデータを持ち、該マスクデータのファイル
と画像ファイルを一対として管理する為のテーブルを持
ち、ページを見るためのビューアによって画像が選ばれ
た場合に、対応するマスクデータを読み出す処理を設け
た。さらに、ページ上に文字列が配置される座標を求め
る処理を設け、その座標がマスク領域の内部にあるか外
部にあるかを判定する処理を設けた。また、マスク領域
に対応する画像領域の平均的な色を定義しておくテーブ
ルを用意した。
【００１７】これにより、データベースに登録された画
像の中から検索によって任意の画像が選ばれたり、イベ
ント処理によって刻々画像が入れ替わる場合に、画像の
マスク領域内に文字列が配置されるかどうかを知ること
ができるし、画像領域の色と文字列の色が類似している
かどうかを知ることができるようになる。
像の中から検索によって任意の画像が選ばれたり、イベ
ント処理によって刻々画像が入れ替わる場合に、画像の
マスク領域内に文字列が配置されるかどうかを知ること
ができるし、画像領域の色と文字列の色が類似している
かどうかを知ることができるようになる。
【００１８】本発明では第２の課題を解決するために、
前記第１の課題を解決するための処理と、ページ中の文
字列を表示する領域について、動画像の各フレームでの
該領域を構成する色を調べる処理を設けた。また、代表
的な色を背景色にした場合について、背景色に対して映
える文字列の色を記述したテーブルを設け、背景の色に
応じて文字列の色を変える処理を設けた。
前記第１の課題を解決するための処理と、ページ中の文
字列を表示する領域について、動画像の各フレームでの
該領域を構成する色を調べる処理を設けた。また、代表
的な色を背景色にした場合について、背景色に対して映
える文字列の色を記述したテーブルを設け、背景の色に
応じて文字列の色を変える処理を設けた。
【００１９】これによって、背景が動画像である場合
に、画像と文字列の色が類似色であるために見え難くな
る状況を知ることができるし、画像に上書きされた文字
が見え難くなる現象を防ぐことができる。
に、画像と文字列の色が類似色であるために見え難くな
る状況を知ることができるし、画像に上書きされた文字
が見え難くなる現象を防ぐことができる。
【００２０】本発明では第３の課題を解決するために、
前記第１の課題を解決するための処理と、全てのオブジ
ェクトにおけるマスクデータの示す領域について、対応
する画像領域を構成する色を調べる処理を設けた。さら
に、各オブジェクトがページ内に配置されるとき、各オ
ブジェクトのページ上での座標を求める処理を設け、オ
ブジェクトが重なり合う組み合わせを調べる処理を設け
た。そして、重なり合うオブジェクトの色が類似色であ
る場合は一方のオブジェクトに枠を作る処理を設けた。
前記第１の課題を解決するための処理と、全てのオブジ
ェクトにおけるマスクデータの示す領域について、対応
する画像領域を構成する色を調べる処理を設けた。さら
に、各オブジェクトがページ内に配置されるとき、各オ
ブジェクトのページ上での座標を求める処理を設け、オ
ブジェクトが重なり合う組み合わせを調べる処理を設け
た。そして、重なり合うオブジェクトの色が類似色であ
る場合は一方のオブジェクトに枠を作る処理を設けた。
【００２１】これによって、ページ内に配置されたオブ
ジェクトの中に重なり合うオブジェクトがあり、それら
のオブジェクトの色が類似色である場合は、枠によっオ
ブジェクトの境界を明確に示すことができるようにな
り、複数の類似色からなる画像が重なり合ったページに
おいても、各画像を区別することができる。
ジェクトの中に重なり合うオブジェクトがあり、それら
のオブジェクトの色が類似色である場合は、枠によっオ
ブジェクトの境界を明確に示すことができるようにな
り、複数の類似色からなる画像が重なり合ったページに
おいても、各画像を区別することができる。
【００２２】
【発明の実施の形態】以下、本発明の実施例を詳細に説
明する。
明する。
【００２３】図１は、本発明を実現するための処理を示
す流れ図である。また、図２は本発明の効果を説明する
ための画面表示例を示した説明図であり、図３は本発明
で用いるデータテーブルの一覧表である。
す流れ図である。また、図２は本発明の効果を説明する
ための画面表示例を示した説明図であり、図３は本発明
で用いるデータテーブルの一覧表である。
【００２４】図２の画面表示２００は、インターネット
でのショッピングを想定した画面であり、ユーザが使用
する端末に表示される商品紹介の画面である。この場
合、紹介する商品名の文字列がページの始めに配置さ
れ、その下に商品画像２２０が配置されている。さら
に、商品画像と重なる位置に価格や商品説明等の文字列
２３０が上書きされている。ここで、画像や文字列をペ
ージ内に配置する為に、予め用意されたページ記述文書
にテンプレートと呼ぶことにする。商品画像２２０と文
字列２３０が重ならないようにテンプレートを記述する
こともできるが、ページ２００のように商品画像２２０
と文字列２３０とを重ねて表示したい場合がある。これ
は、商品画像２２０のサイズを大きくするとページの見
栄えがするだけでなく商品の詳細部まで分かり易くなる
こと、商品画像２２０と価格や商品説明の文字列２３０
はできるだけ近づけて配置すべきであることが理由とし
てあげられる。
でのショッピングを想定した画面であり、ユーザが使用
する端末に表示される商品紹介の画面である。この場
合、紹介する商品名の文字列がページの始めに配置さ
れ、その下に商品画像２２０が配置されている。さら
に、商品画像と重なる位置に価格や商品説明等の文字列
２３０が上書きされている。ここで、画像や文字列をペ
ージ内に配置する為に、予め用意されたページ記述文書
にテンプレートと呼ぶことにする。商品画像２２０と文
字列２３０が重ならないようにテンプレートを記述する
こともできるが、ページ２００のように商品画像２２０
と文字列２３０とを重ねて表示したい場合がある。これ
は、商品画像２２０のサイズを大きくするとページの見
栄えがするだけでなく商品の詳細部まで分かり易くなる
こと、商品画像２２０と価格や商品説明の文字列２３０
はできるだけ近づけて配置すべきであることが理由とし
てあげられる。
【００２５】このとき、価格等の文字列２３０は、ショ
ッピングにとって極めて重要な情報であり、ページ２０
０に表示する商品画像２２０と文字列２３０が固定され
ている場合は、予め文字列２３０を商品画像２２０に重
畳して文字列２３０が見え難くならないかどうかを試し
ておく必要がある。ところが、ユーザの求めている商品
をデータベースから検索する場合や、商品画像２２０が
動画像である場合は、予め文字列２３０を重畳して視認
性を試しておくことはできない。
ッピングにとって極めて重要な情報であり、ページ２０
０に表示する商品画像２２０と文字列２３０が固定され
ている場合は、予め文字列２３０を商品画像２２０に重
畳して文字列２３０が見え難くならないかどうかを試し
ておく必要がある。ところが、ユーザの求めている商品
をデータベースから検索する場合や、商品画像２２０が
動画像である場合は、予め文字列２３０を重畳して視認
性を試しておくことはできない。
【００２６】そこで、サーバでページを生成する際に、
ステップ１００で処理が開始されると、始めにテンプレ
ートファイルを読み込む処理をステップ１１０で行な
う。次に、読み込んだテンプレートに記述されたページ
記述文書を解析し、デフォルトとして定義された文字の
色をステップ１２０で調べる。文字列の色をＨＴＭＬで
は、ＢＯＤＹ ＴＥＸＴ＝“＃ｒｒｇｇｂｂ”あるいは
ＦＯＮＴ ＣＯＬＯＲ＝“＃ｒｒｇｇｂｂ”などで記述
しており、ページ記述文書からこれらのタグを検索すれ
ば、容易に文字列の色“ｒｒｇｇｂｂ”を特定すること
ができる。なお、ｒｒｇｇｂｂは１６進表記された６桁
の数であり、頭から２桁が赤色の成分を示し、次の２桁
が緑色の成分、末尾の２桁が青色の成分を示している。
ステップ１００で処理が開始されると、始めにテンプレ
ートファイルを読み込む処理をステップ１１０で行な
う。次に、読み込んだテンプレートに記述されたページ
記述文書を解析し、デフォルトとして定義された文字の
色をステップ１２０で調べる。文字列の色をＨＴＭＬで
は、ＢＯＤＹ ＴＥＸＴ＝“＃ｒｒｇｇｂｂ”あるいは
ＦＯＮＴ ＣＯＬＯＲ＝“＃ｒｒｇｇｂｂ”などで記述
しており、ページ記述文書からこれらのタグを検索すれ
ば、容易に文字列の色“ｒｒｇｇｂｂ”を特定すること
ができる。なお、ｒｒｇｇｂｂは１６進表記された６桁
の数であり、頭から２桁が赤色の成分を示し、次の２桁
が緑色の成分、末尾の２桁が青色の成分を示している。
【００２７】ステップ１３０でテンプレートファイルを
解析し、ページに配置された文字列の座標を求める。こ
のとき、画像がタイル貼りのように何枚も並べられると
見栄えが悪いので、ページをオープンする時にページの
サイズは固定されているものとする。また、文字フォン
トのサイズや文字間隔、マージンは既知とする。さら
に、文字列の内容である商品の説明３１５や価格３２０
は、テーブル３００に記述されており、商品の分類コー
ド３０５や商品コード３１０をキーワードとしてデータ
ベースから引けるものとする。すなわち、ページ左のマ
ージンをＭ、１文字の幅をＳ、文字と文字の間隔をＤと
するとき、（ｎ＋１）番目の文字は左詰めで、２Ｍ＋ｎ
×（Ｓ＋Ｄ）がページの横幅を超えない限り、１行目の
Ｍ＋ｎ・（Ｓ＋Ｄ）の位置に書かれる。
解析し、ページに配置された文字列の座標を求める。こ
のとき、画像がタイル貼りのように何枚も並べられると
見栄えが悪いので、ページをオープンする時にページの
サイズは固定されているものとする。また、文字フォン
トのサイズや文字間隔、マージンは既知とする。さら
に、文字列の内容である商品の説明３１５や価格３２０
は、テーブル３００に記述されており、商品の分類コー
ド３０５や商品コード３１０をキーワードとしてデータ
ベースから引けるものとする。すなわち、ページ左のマ
ージンをＭ、１文字の幅をＳ、文字と文字の間隔をＤと
するとき、（ｎ＋１）番目の文字は左詰めで、２Ｍ＋ｎ
×（Ｓ＋Ｄ）がページの横幅を超えない限り、１行目の
Ｍ＋ｎ・（Ｓ＋Ｄ）の位置に書かれる。
【００２８】次に、ステップ１４０において、画像ファ
イル名３３５とマスクファイル名３４０を調べて、これ
らのファイルの読み込みを行ない、ページ上の座標系に
おけるマスク領域３５０を求める。これらのファイル名
は、商品に付けられたユニークな番号である商品コード
３３０をキーワードにしてテーブル３２５から調べるこ
とができる。このように、画像ファイルのテーブルと商
品情報のテーブルを分離しておくと、価格等が変わった
場合に限られたテーブルだけを編集すれば良くなる。
イル名３３５とマスクファイル名３４０を調べて、これ
らのファイルの読み込みを行ない、ページ上の座標系に
おけるマスク領域３５０を求める。これらのファイル名
は、商品に付けられたユニークな番号である商品コード
３３０をキーワードにしてテーブル３２５から調べるこ
とができる。このように、画像ファイルのテーブルと商
品情報のテーブルを分離しておくと、価格等が変わった
場合に限られたテーブルだけを編集すれば良くなる。
【００２９】ステップ１５０において、マスクファイル
のマスク領域３５０内に前記文字列の座標が入るか否か
を判定する。そして、文字列がマスク領域内に入る場合
はステップ１６０に進み、文字列がマスク領域外にある
場合はステップ１８０に進むよう処理が分岐する。
のマスク領域３５０内に前記文字列の座標が入るか否か
を判定する。そして、文字列がマスク領域内に入る場合
はステップ１６０に進み、文字列がマスク領域外にある
場合はステップ１８０に進むよう処理が分岐する。
【００３０】ステップ１６０では、文字列とマスク領域
が重なっているはずであるから、その文字列の色とマス
ク領域に対応する画像領域の色を比較する。この画像領
域の色は、テーブル３５５に記載してあり、マスク領域
に対して付加されたユニークな番号である領域コードを
キーワードに検索できる。ステップ１６０において文字
列の色と画像領域の色が類似色であるなら処理はステッ
プ１７０に進み、そうでないならステップ１８０にジャ
ンプする。ただし、文字列の色をＣｍ、画像領域の色を
Ｃｂとするとき、｜Ｃｍ−Ｃｂ｜÷Ｃｂ＜α（αは定
数）となる場合にこれらの色を類似色と判断する。
が重なっているはずであるから、その文字列の色とマス
ク領域に対応する画像領域の色を比較する。この画像領
域の色は、テーブル３５５に記載してあり、マスク領域
に対して付加されたユニークな番号である領域コードを
キーワードに検索できる。ステップ１６０において文字
列の色と画像領域の色が類似色であるなら処理はステッ
プ１７０に進み、そうでないならステップ１８０にジャ
ンプする。ただし、文字列の色をＣｍ、画像領域の色を
Ｃｂとするとき、｜Ｃｍ−Ｃｂ｜÷Ｃｂ＜α（αは定
数）となる場合にこれらの色を類似色と判断する。
【００３１】ステップ１７０では、テーブル３７０に基
づき文字列の色を変更する。テーブル３７０は、背景の
色３７５に対して、どの色の文字が映えるかという対称
色３８０を記述したものである。ステップ１７０におい
て、使用する文字色が決められたなら、ステップ１８０
において文字色のページ記述言語を書き換え、ステップ
１９０でページ生成の処理を終了する。
づき文字列の色を変更する。テーブル３７０は、背景の
色３７５に対して、どの色の文字が映えるかという対称
色３８０を記述したものである。ステップ１７０におい
て、使用する文字色が決められたなら、ステップ１８０
において文字色のページ記述言語を書き換え、ステップ
１９０でページ生成の処理を終了する。
【００３２】ただし、図１のステップ１７０は文字色の
変更を行なうが、文字のフォントを変更することでも見
え易さが改善される場合もあるし、文字の大きさを変え
ることで改善される場合もある。このような場合は文字
の色に関するページ記述ではなく、物理スタイルタグ
〈Ｂ〉等を追加したり、フォントサイズタグ〈ＦＯＮＴ
ＳＩＺＥ＝“ｎ”〉をページ記述文書に追加記述する。
変更を行なうが、文字のフォントを変更することでも見
え易さが改善される場合もあるし、文字の大きさを変え
ることで改善される場合もある。このような場合は文字
の色に関するページ記述ではなく、物理スタイルタグ
〈Ｂ〉等を追加したり、フォントサイズタグ〈ＦＯＮＴ
ＳＩＺＥ＝“ｎ”〉をページ記述文書に追加記述する。
【００３３】また、ページの目的によっては、特定の文
字をわざと見え難くするという場合もあり、このような
場合は画像領域の色と類似した色を文字色として使用す
る。この場合は、テーブル３７０の対称色３８０の欄に
類似色を定義しておけば、処理自体の変更はない。
字をわざと見え難くするという場合もあり、このような
場合は画像領域の色と類似した色を文字色として使用す
る。この場合は、テーブル３７０の対称色３８０の欄に
類似色を定義しておけば、処理自体の変更はない。
【００３４】図４は、本発明を実施するためのハードウ
ェア構成図である。また、図５は本発明を実現するため
の機能オブジェクトの構成を示すオブジェクト関連図で
ある。
ェア構成図である。また、図５は本発明を実現するため
の機能オブジェクトの構成を示すオブジェクト関連図で
ある。
【００３５】表示画面２００は、クライアント４６０の
表示装置４００に表示される画面である。ユーザは、コ
マンド入力装置４０５を使って商品の選択等の入力を行
なう。また、クライアント４６０は通信装置４１５を通
してインターネット４３０等のネットワークに接続され
ており、インターネットに接続されたサーバからデータ
を取得することができる。すなわち、ＨＴＴＰクライア
ントプログラムは、リモートホスト上のｗｅｌｌ−ｋｎ
ｏｗｎポートにＴＣＰ接続を確立し、ＨＴＴＰサーバに
要求を送ると、ＨＴＴＰサーバは応答メッセージを返し
ます。このとき、クライアント４６０はプロセッサ４１
０と記憶装置４２０を持ち、クライアントプログラムや
データを記憶装置４２０上に置き、クライアントプログ
ラムはプロセッサ４１０で駆動される。また、バス４２
５によってこれらの装置が連結されており、バス４２５
を通してデータは装置間を移動する。
表示装置４００に表示される画面である。ユーザは、コ
マンド入力装置４０５を使って商品の選択等の入力を行
なう。また、クライアント４６０は通信装置４１５を通
してインターネット４３０等のネットワークに接続され
ており、インターネットに接続されたサーバからデータ
を取得することができる。すなわち、ＨＴＴＰクライア
ントプログラムは、リモートホスト上のｗｅｌｌ−ｋｎ
ｏｗｎポートにＴＣＰ接続を確立し、ＨＴＴＰサーバに
要求を送ると、ＨＴＴＰサーバは応答メッセージを返し
ます。このとき、クライアント４６０はプロセッサ４１
０と記憶装置４２０を持ち、クライアントプログラムや
データを記憶装置４２０上に置き、クライアントプログ
ラムはプロセッサ４１０で駆動される。また、バス４２
５によってこれらの装置が連結されており、バス４２５
を通してデータは装置間を移動する。
【００３６】一方、サーバ４７０は、クライアント４６
０との間にＴＣＰ接続を確立し、クライアントのローカ
ルプロトコルポートにバイトストリームファイル転送を
します。このため、インターネットに接続するための通
信装置４３５と、サーバプログラムやデータ等を記憶す
る記憶装置４４０と、プログラムを実行するプロセッサ
４４５とそれらの装置を接続するバス４５０が必要であ
る。また、記憶装置４４０には、ＷＷＷサーバの機能５
００を持つプログラムと、ＨＴＭＬファイルを動的に生
成する機能５１０を持つプログラムと、ページ記述文書
を解析する機能５２０を持つプログラムと、データベー
スと接続してデータの検索を行なう機能５４０を持つプ
ログラムと、画像を解析する機能５５０を持つプログラ
ムと、テンプレートファイル５３０が記憶されている。
ここで、ページ記述文書解析機能５２０は、テンプレー
トファイル５３０を読み込み、文書に含まれる文字列を
ページ記述言語と変数や定数に分離する。また、動的Ｈ
ＴＭＬ生成機能５１０は、ページ記述文書解析機能５２
０の解析結果を元にして、データベースの検索機能５４
０に検索結果を問い合わせたり、画像解析機能５５０に
画像の色を問い合わせ、その結果を変数部に代入してペ
ージ記述文書を完成させる。このようにして動的に生成
されたＨＴＭＬファイルがクライアント４６０に送られ
る。
０との間にＴＣＰ接続を確立し、クライアントのローカ
ルプロトコルポートにバイトストリームファイル転送を
します。このため、インターネットに接続するための通
信装置４３５と、サーバプログラムやデータ等を記憶す
る記憶装置４４０と、プログラムを実行するプロセッサ
４４５とそれらの装置を接続するバス４５０が必要であ
る。また、記憶装置４４０には、ＷＷＷサーバの機能５
００を持つプログラムと、ＨＴＭＬファイルを動的に生
成する機能５１０を持つプログラムと、ページ記述文書
を解析する機能５２０を持つプログラムと、データベー
スと接続してデータの検索を行なう機能５４０を持つプ
ログラムと、画像を解析する機能５５０を持つプログラ
ムと、テンプレートファイル５３０が記憶されている。
ここで、ページ記述文書解析機能５２０は、テンプレー
トファイル５３０を読み込み、文書に含まれる文字列を
ページ記述言語と変数や定数に分離する。また、動的Ｈ
ＴＭＬ生成機能５１０は、ページ記述文書解析機能５２
０の解析結果を元にして、データベースの検索機能５４
０に検索結果を問い合わせたり、画像解析機能５５０に
画像の色を問い合わせ、その結果を変数部に代入してペ
ージ記述文書を完成させる。このようにして動的に生成
されたＨＴＭＬファイルがクライアント４６０に送られ
る。
【００３７】図６は、背景が動画像である場合に、画像
領域の色を管理する仕組みに関する説明図である。ペー
ジ６００上に２つの領域があり、領域１（６１０）には
商品の説明、領域２（６２０）には商品の価格が表示さ
れるとする。この領域は、図３の領域コード３５０と同
じくページ内の一部領域の意味であり、このとき、商品
の説明を記述した文字列と価格を記述した文字列は、異
なる色の文字で書いても良いとする。
領域の色を管理する仕組みに関する説明図である。ペー
ジ６００上に２つの領域があり、領域１（６１０）には
商品の説明、領域２（６２０）には商品の価格が表示さ
れるとする。この領域は、図３の領域コード３５０と同
じくページ内の一部領域の意味であり、このとき、商品
の説明を記述した文字列と価格を記述した文字列は、異
なる色の文字で書いても良いとする。
【００３８】このとき、２つの画像領域の色を図６下の
ようなテーブルで管理する。時間軸６３０は動画像の各
フレームを時間で管理するものであり、動画像のフレー
ム６４０が時間順に並べられている。領域１を管理する
行６５０と領域２を管理する行６６０は、色の値を縦
軸、時間を横軸とするグラフで現わされる。図６の場
合、領域２に当る画像領域の色は、始めの３フレーム６
７０がＣ３であり、６フレーム目以降のフレーム６８０
がＣ４であり、４フレームから５フレームにかけては関
数Ｆ２に従って色Ｃ３から色Ｃ４に変化している。この
管理表は、図３における表３５５と同じ働きをするもの
であり、動画像に上書きされる文字列の色は、表３７０
において色３７５に対応する対称色３８０を見つけるこ
とで決められる。
ようなテーブルで管理する。時間軸６３０は動画像の各
フレームを時間で管理するものであり、動画像のフレー
ム６４０が時間順に並べられている。領域１を管理する
行６５０と領域２を管理する行６６０は、色の値を縦
軸、時間を横軸とするグラフで現わされる。図６の場
合、領域２に当る画像領域の色は、始めの３フレーム６
７０がＣ３であり、６フレーム目以降のフレーム６８０
がＣ４であり、４フレームから５フレームにかけては関
数Ｆ２に従って色Ｃ３から色Ｃ４に変化している。この
管理表は、図３における表３５５と同じ働きをするもの
であり、動画像に上書きされる文字列の色は、表３７０
において色３７５に対応する対称色３８０を見つけるこ
とで決められる。
【００３９】図７は、表品画像２２０の上に文字列２３
０ではなく別の画像を重畳する場合について、各画像の
色を管理するための仕組みに関する説明図である。この
とき、画像データ自体をデータ変換するのではなく、ペ
ージ記述文書に対して画像の枠を付けるページ記述を追
加する。これによって、ページ７００上に複数の画像７
１０があり、さらにそれと重なる位置に画像７２０が配
置されたページを生成する時に、各画像の境界がわから
なくなるのを防ぐことができる。簡単のため、ページ７
００内には２枚の画像があり、しかも画像７１０は静止
画像とし、画像２のみが動画像とする。時間軸７３０は
動画像の各フレームを時間で管理するものであり、動画
像のフレーム７４０が時間順に並べられている。画像１
を管理する行７５０と画像２を管理する行７６０は、色
の値を縦軸、時間を横軸とするグラフで現わされる。図
７では、画像１は静止画像であるから、その色Ｃ１は時
間軸に対して一定であり、画像１の全フレーム７８５は
Ｃ１である。画像２は動画像であり、頭の３フレーム７
７０の色がＣ２、次の４フレーム７８０がＣ３、最後の
４フレーム７７５がＣ４に変化し、Ｃ１とＣ３の色が類
似色であるとする。このとき、フレーム７７０とフレー
ム７７５では画像２をそのまま表示し、フレーム７８０
では画像２に枠を付けて表示する。
０ではなく別の画像を重畳する場合について、各画像の
色を管理するための仕組みに関する説明図である。この
とき、画像データ自体をデータ変換するのではなく、ペ
ージ記述文書に対して画像の枠を付けるページ記述を追
加する。これによって、ページ７００上に複数の画像７
１０があり、さらにそれと重なる位置に画像７２０が配
置されたページを生成する時に、各画像の境界がわから
なくなるのを防ぐことができる。簡単のため、ページ７
００内には２枚の画像があり、しかも画像７１０は静止
画像とし、画像２のみが動画像とする。時間軸７３０は
動画像の各フレームを時間で管理するものであり、動画
像のフレーム７４０が時間順に並べられている。画像１
を管理する行７５０と画像２を管理する行７６０は、色
の値を縦軸、時間を横軸とするグラフで現わされる。図
７では、画像１は静止画像であるから、その色Ｃ１は時
間軸に対して一定であり、画像１の全フレーム７８５は
Ｃ１である。画像２は動画像であり、頭の３フレーム７
７０の色がＣ２、次の４フレーム７８０がＣ３、最後の
４フレーム７７５がＣ４に変化し、Ｃ１とＣ３の色が類
似色であるとする。このとき、フレーム７７０とフレー
ム７７５では画像２をそのまま表示し、フレーム７８０
では画像２に枠を付けて表示する。
【００４０】
【発明の効果】以上に述べたように、本発明によれば、
背景に貼り付ける画像が予め分かっていない場合に、文
字列と画像の絵柄が重なって文字が読み辛くなる状況を
防ぐことが可能になり、背景の画像に応じて文字の属性
を変化させることができる。
背景に貼り付ける画像が予め分かっていない場合に、文
字列と画像の絵柄が重なって文字が読み辛くなる状況を
防ぐことが可能になり、背景の画像に応じて文字の属性
を変化させることができる。
【００４１】さらに、本発明によれば、背景が動画像で
ある場合に、文字列の色がその文字の近傍にある背景と
類似した色にならないように監視することができ、動画
像の各フレームに応じて文字列の色を変えることができ
る。
ある場合に、文字列の色がその文字の近傍にある背景と
類似した色にならないように監視することができ、動画
像の各フレームに応じて文字列の色を変えることができ
る。
【００４２】さらに、本発明によれば、ページを構成す
る文字以外のオブジェクトについて、複数個のオブジェ
クトを重ねてページを生成する場合に、類似色のオブジ
ェクトが重なってもそれらの境界が分かるようにするこ
とができる。
る文字以外のオブジェクトについて、複数個のオブジェ
クトを重ねてページを生成する場合に、類似色のオブジ
ェクトが重なってもそれらの境界が分かるようにするこ
とができる。
【図１】本発明を実現するための処理を示す流れ図であ
る。
る。
【図２】本発明の効果を説明するための画像表示例を示
した説明図である。
した説明図である。
【図３】本発明で用いるデータテーブルの一覧表であ
る。
る。
【図４】本発明を実施するためのハードウェア構成図で
ある。
ある。
【図５】本発明を実現するための機能オブジェクトの構
成を示すオブジェクト関連図である。
成を示すオブジェクト関連図である。
【図６】背景が動画像である場合に、画像領域の色を管
理する仕組みに関する説明図である。
理する仕組みに関する説明図である。
【図７】ページ内に複数の画像を重畳する場合につい
て、各画像の色を管理するための仕組みに関する説明図
である。
て、各画像の色を管理するための仕組みに関する説明図
である。
───────────────────────────────────────────────────── フロントページの続き (51)Int.Cl.6 識別記号 ＦＩ Ｇ０６Ｆ 15/66 ３１０
Claims (6)
- 【請求項１】画像と文字列が重なり合ったページを生成
することを特徴とし、 画像を保持する手段、画像の色を分析する手段、前記分
析結果に基づきページを生成する手段をもった計算機シ
ステム上で動作するソフトウェアシステムであり、 画像の一部領域について平均色を求める処理、ページ上
での文字列の位置を求める処理、前記平均色と文字列の
色を比較する処理を有し、双方の色差が小さくかつ文字
列と該領域が重なる場合は、文字列の色を変える処理を
有するページ生成方法。 - 【請求項２】請求項１記載のソフトウェアシステムにお
いて、 画像の一部領域について平均色を求める処理、ページ上
での文字列の位置を求める処理、前記平均色と文字列の
色を比較する処理を有し、双方の色差が小さくかつ文字
列と該領域が重なる場合は、色以外の文字列の属性を変
える処理を有するページ生成方法。 - 【請求項３】請求項１記載のソフトウェアシステムにお
いて、 画像の一部領域について平均色を求める処理、ページ上
での文字列の位置を求める処理、前記平均色と文字列の
色を比較する処理を有し、文字列と該領域が重なる場合
は、画像と類似した色に文字列の色を変える処理を有す
るページ生成方法。 - 【請求項４】請求項１記載のソフトウェアシステムにお
いて、 画像の一部領域について平均色を求める処理、ページ上
での文字列の位置を求める処理、前記平均色と文字列の
色を比較する処理を有し、双方の色差が小さくかつ文字
列と該領域が重なる場合は、ページ上での文字列の位置
を移動する処理を有するページ生成方法。 - 【請求項５】請求項１記載のソフトウェアシステムにお
いて、 画像が動画像であるとき、文字列と重なる領域について
各フレームの平均色を求める処理、平均色と文字列の色
を比較する処理を有し、双方の色差が小さくなった場合
は、文字列の色を変える処理を有するページ生成方法。 - 【請求項６】複数の画像が重なり合うページを生成する
ことを特徴とし、 画像を保持する手段、画像の色を分析する手段、前記分
析結果に基づきページを生成する手段を持った計算機シ
ステム上で動作するソフトウェアシステムであり、ペー
ジ上での各画像の位置を求める処理、各画像に含まれる
色を比較する処理、色差の小さい画像同士が重なるかど
うかを判別する処理を有し、類似色の画像が重なる場合
は一方の画像に枠を付ける処理を有するページ生成方
法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2063898A JPH11219242A (ja) | 1998-02-02 | 1998-02-02 | ページ生成方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2063898A JPH11219242A (ja) | 1998-02-02 | 1998-02-02 | ページ生成方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JPH11219242A true JPH11219242A (ja) | 1999-08-10 |
Family
ID=12032780
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2063898A Pending JPH11219242A (ja) | 1998-02-02 | 1998-02-02 | ページ生成方法 |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JPH11219242A (ja) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2001117948A (ja) * | 1999-09-17 | 2001-04-27 | Internatl Business Mach Corp <Ibm> | インタネットベースのアプリケーション・プログラム・インタフェース（ａｐｉ）文書インタフェース |
| JP2002077583A (ja) * | 2000-08-30 | 2002-03-15 | Abc Japon Inc | マークアップ言語における背景画像の表現 |
| WO2003098925A1 (en) * | 2002-05-15 | 2003-11-27 | Thomson Licensing S.A. | Close captioning system in windows based graphics system |
| WO2005022501A1 (en) * | 2003-08-27 | 2005-03-10 | Koninklijke Philips Electronics, N.V. | Method and apparatus for updating sub-pictures in a bi-stable electronic reading device |
| JP2005159955A (ja) * | 2003-11-28 | 2005-06-16 | Casio Comput Co Ltd | 表示制御装置および表示制御処理のプログラム |
| EP1684262A1 (en) * | 2005-01-21 | 2006-07-26 | Research In Motion Limited | Device and Method for Controlling the Display of Electronic Information |
| US7312798B2 (en) | 2005-01-21 | 2007-12-25 | Research In Motion Limited | Device and method for controlling the display of electronic information |
| JP2010238266A (ja) * | 2003-06-13 | 2010-10-21 | Canon Inc | 文書管理装置および文書管理方法 |
| JP2012073730A (ja) * | 2010-09-28 | 2012-04-12 | Nec Corp | エディタプログラム、エディタ画面表示方法及びエディタプログラムを搭載した情報処理装置 |
| CN103327216A (zh) * | 2012-03-23 | 2013-09-25 | 富士施乐株式会社 | 图像处理装置和图像处理方法 |
| JP5793260B1 (ja) * | 2014-11-21 | 2015-10-14 | 楽天株式会社 | 情報処理装置、情報処理方法及び情報処理プログラム |
| CN109788162A (zh) * | 2017-11-15 | 2019-05-21 | 柯尼卡美能达株式会社 | 控制装置以及计算机可读取的记录介质 |
-
1998
- 1998-02-02 JP JP2063898A patent/JPH11219242A/ja active Pending
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2001117948A (ja) * | 1999-09-17 | 2001-04-27 | Internatl Business Mach Corp <Ibm> | インタネットベースのアプリケーション・プログラム・インタフェース（ａｐｉ）文書インタフェース |
| JP2002077583A (ja) * | 2000-08-30 | 2002-03-15 | Abc Japon Inc | マークアップ言語における背景画像の表現 |
| CN100433807C (zh) * | 2002-05-15 | 2008-11-12 | 汤姆森特许公司 | 基于视窗的图形系统中的闭合式字幕系统 |
| WO2003098925A1 (en) * | 2002-05-15 | 2003-11-27 | Thomson Licensing S.A. | Close captioning system in windows based graphics system |
| US7511761B2 (en) | 2002-05-15 | 2009-03-31 | Thomson Licensing | Close captioning system in windows based graphics system |
| JP2010238266A (ja) * | 2003-06-13 | 2010-10-21 | Canon Inc | 文書管理装置および文書管理方法 |
| WO2005022501A1 (en) * | 2003-08-27 | 2005-03-10 | Koninklijke Philips Electronics, N.V. | Method and apparatus for updating sub-pictures in a bi-stable electronic reading device |
| JP2005159955A (ja) * | 2003-11-28 | 2005-06-16 | Casio Comput Co Ltd | 表示制御装置および表示制御処理のプログラム |
| US7312798B2 (en) | 2005-01-21 | 2007-12-25 | Research In Motion Limited | Device and method for controlling the display of electronic information |
| EP1684262A1 (en) * | 2005-01-21 | 2006-07-26 | Research In Motion Limited | Device and Method for Controlling the Display of Electronic Information |
| JP2012073730A (ja) * | 2010-09-28 | 2012-04-12 | Nec Corp | エディタプログラム、エディタ画面表示方法及びエディタプログラムを搭載した情報処理装置 |
| CN103327216A (zh) * | 2012-03-23 | 2013-09-25 | 富士施乐株式会社 | 图像处理装置和图像处理方法 |
| JP5793260B1 (ja) * | 2014-11-21 | 2015-10-14 | 楽天株式会社 | 情報処理装置、情報処理方法及び情報処理プログラム |
| WO2016079868A1 (ja) * | 2014-11-21 | 2016-05-26 | 楽天株式会社 | 情報処理装置、情報処理方法及び情報処理プログラム |
| CN109788162A (zh) * | 2017-11-15 | 2019-05-21 | 柯尼卡美能达株式会社 | 控制装置以及计算机可读取的记录介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US12051139B2 (en) | Content replacement system using visual design object models | |
| US7730104B2 (en) | Extraction of information from structured documents | |
| US20050234865A1 (en) | Serving signals | |
| US20080240683A1 (en) | Method and system to reproduce contents, and recording medium including program to reproduce contents | |
| JP4165160B2 (ja) | デザイン制作支援システム及びデザイン制作支援プログラム | |
| JPH11219242A (ja) | ページ生成方法 | |
| CA2381328A1 (en) | Automated product designer system and method | |
| JP2002298122A (ja) | 情報公開システム | |
| JP3006482B2 (ja) | 情報検索装置および方法 | |
| US20020103704A1 (en) | Banner advertisement forming apparatus, banner advertisement forming method, and storage medium | |
| JP3705201B2 (ja) | 画像形成プログラム及び画像形成装置 | |
| JP3596482B2 (ja) | パーソナルバナー作成プログラム | |
| KR20020094884A (ko) | 배너 광고 작성 장치와 방법 및 기억 매체 | |
| JP6014794B1 (ja) | Ｗｅｂページ比較装置、Ｗｅｂページ比較方法、記録媒体およびプログラム | |
| JPH10162093A (ja) | 商品情報割付装置 | |
| JP2006023972A (ja) | ポートレット表示システム及びポートレット表示方法並びにポートレット表示プログラム | |
| JP3910680B2 (ja) | デジタルデータとして用意された素材の割付装置 | |
| JP3596523B2 (ja) | 画像形成プログラム及び画像形成装置 | |
| JP2001306550A (ja) | 表示情報処理装置 | |
| JPH02165223A (ja) | オブジェクト指向風マンマシンインタフェース実現方式 | |
| WO2017216953A1 (ja) | コンテンツ表示装置、コンテンツ表示システム、コンテンツ表示方法、及びコンテンツ表示プログラム | |
| JP2536722B2 (ja) | 画像制御変更装置 | |
| JP2001034527A (ja) | Ｈｔｍｌファイル作成方法およびそのプログラムを記録した記録媒体 | |
| FI109055B (fi) | Menetelmä puumaisten ohjausrakenteiden muodostamiseksi sivunkuvauskieleen perustuvissa käyttöliittymissä | |
| JP2004246646A (ja) | 配色方法および配色装置 |