(57)【要約】【課題】適切なＷｅｂページの画像を生成する。【解決手段】画像生成装置は、Ｗｅｂページの表示領域内の要素毎に、Ｗｅｂページ内における座標である第１ページ座標を取得し、Ｗｅｂページをスクロールし、スクロール後のＷｅｂページの表示領域内の要素毎に、Ｗｅｂページ内における座標である第２ページ座標を取得する座標取得部と、Ｗｅｂページの各要素について、第１ページ座標と第２ページ座標とを比較し、第１ページ座標と第２ページ座標とが一致するかに応じて、要素を複数の種別に分類する分類部と、Ｗｅｂページ内の要素の表示属性を種別毎に設定する設定部と、表示属性に基づいて表示されたＷｅｂページの画像をキャプチャしＷｅｂページをスクロールする処理を繰り返し実行する画像キャプチャ部と、キャプチャされた複数の画像を結合してＷｅｂページの画像を生成する生成部とを備える。【選択図】図１２
2020135040.tif 000002
【特許請求の範囲】
【請求項１】
Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第１ページ座標を取得し、前記Ｗｅｂページをスクロールし、スクロール後の前記Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第２ページ座標を取得する座標取得部と、
前記Ｗｅｂページの各要素について、前記第１ページ座標と前記第２ページ座標とを比較し、前記第１ページ座標と前記第２ページ座標とが一致するかに応じて、前記要素を複数の種別に分類する分類部と、
前記Ｗｅｂページ内の前記要素の表示属性を前記種別毎に設定する設定部と、
前記表示属性に基づいて表示された前記Ｗｅｂページの画像をキャプチャし前記Ｗｅｂページをスクロールする処理を繰り返し実行する画像キャプチャ部と、
キャプチャされた複数の前記画像を結合して前記Ｗｅｂページの画像を生成する生成部と
を備えることを特徴とする画像生成装置。
【請求項２】
前記分類部は、前記第１ページ座標と前記第２ページ座標とが一致する要素を第１種別に分類し、前記第１ページ座標と前記第２ページ座標とが不一致である要素を第２種別に分類し、
前記設定部は、前記第１種別に分類された前記要素が表示されるように表示属性を設定し、前記第２種別に分類された前記要素が表示されないように表示属性を設定する
ことを特徴とする請求項１記載の画像生成装置。
【請求項３】
前記分類部は、前記第１ページ座標と前記第２ページ座標とが一致する要素を第１種別に分類し、前記第１ページ座標と前記第２ページ座標とが不一致である要素を第２種別に分類し、
前記設定部は、前記第１種別に分類された前記要素が表示されるように表示属性を設定し、前記Ｗｅｂページの画像をキャプチャする際の表示領域の位置に応じて、前記第２種別に分類された前記要素の表示属性の設定変更を行う
ことを特徴とする請求項１記載の画像生成装置。
【請求項４】
前記座標取得部は、前記Ｗｅｂページの表示領域内の要素毎に、前記表示領域内における座標である第１表示領域座標を取得し、前記Ｗｅｂページをスクロールし、スクロール後の前記Ｗｅｂページの表示領域内の要素毎に、前記表示領域内における座標である第２表示領域座標を取得し、
前記分類部は、前記第１ページ座標と前記第２ページ座標とが一致する要素を第１種別に分類し、前記第１ページ座標と前記第２ページ座標とが不一致であり前記第１表示領域座標と前記第２表示領域座標とが一致する要素を第３種別に分類し、前記第１ページ座標と前記第２ページ座標とが不一致であり前記第１表示領域座標と前記第２表示領域座標とが不一致である要素を第４種別に分類し、
前記設定部は、前記第１種別および第４種別に分類された前記要素が表示されるように表示属性を設定し、前記第３種別に分類された前記要素が表示されないように表示属性を設定する
ことを特徴とする請求項１に記載の画像生成装置。
【請求項５】
Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第１ページ座標を取得し、前記Ｗｅｂページをスクロールし、スクロール後の前記Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第２ページ座標を取得し、
前記Ｗｅｂページの各要素について、前記第１ページ座標と前記第２ページ座標とを比較し、前記第１ページ座標と前記第２ページ座標とが一致するかに応じて、前記要素を複数の種別に分類し、
前記Ｗｅｂページ内の前記要素の表示属性を前記種別毎に設定し、
前記表示属性に基づいて表示された前記Ｗｅｂページの画像をキャプチャし前記Ｗｅｂページをスクロールする処理を繰り返し実行し、
キャプチャされた複数の前記画像を結合して前記Ｗｅｂページの画像を生成する
処理をコンピュータに実行させるための画像生成プログラム。
【請求項６】
コンピュータが、
Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第１ページ座標を取得し、前記Ｗｅｂページをスクロールし、スクロール後の前記Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第２ページ座標を取得し、
前記Ｗｅｂページの各要素について、前記第１ページ座標と前記第２ページ座標とを比較し、前記第１ページ座標と前記第２ページ座標とが一致するかに応じて、前記要素を複数の種別に分類し、
前記Ｗｅｂページ内の前記要素の表示属性を前記種別毎に設定し、
前記表示属性に基づいて表示された前記Ｗｅｂページの画像をキャプチャし前記Ｗｅｂページをスクロールする処理を繰り返し実行し、
キャプチャされた複数の前記画像を結合して前記Ｗｅｂページの画像を生成する
処理を実行することを特徴とする画像生成方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像生成装置、画像生成プログラム、および画像生成方法に関する。
【背景技術】
【０００２】
Ｗｅｂページの検証等を行うために、ブラウザに表示されたＷｅｂページの画像の取得（キャプチャ）が行われる。ブラウザの表示領域よりＷｅｂページが大きい場合、画面のスクロールと画像キャプチャを複数回繰り返し、Ｗｅｂページ全体の画像を生成する方法が用いられる。
【０００３】
関連する技術として、第１の画像データと第２の画像データとで互いに異なる部分である差分領域を特定し、差分領域に基づく差分領域画像を除いた出力画像を表現する出力データを生成する技術が提案されている（例えば、特許文献１を参照）。
【０００４】
また、関連する技術として、ブラウザがレイアウトした位置情報をもとにプラグインで動的に画像を加工配置する技術が提案されている（例えば、特許文献２を参照）。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１６−１３９３６０号公報
【特許文献２】特開２０１０−２１８５２２号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
Ｗｅｂページ上において、他の要素と重畳して表示される要素（以下、重畳要素と称する）が存在する。重畳要素は、例えば、Ｗｅｂページをスクロールして表示領域の位置を変更しても、表示領域内の同じ位置に表示される。そして、スクロールと画像キャプチャを複数回繰り返し、Ｗｅｂページ全体画像を生成すると、重畳要素を含むＷｅｂページの全体画像が生成される。
【０００７】
例えば、Ｗｅｂページの検証等のために同じＷｅｂページの全体画像の生成が複数回行われる。この場合、スクロールの開始位置やスクロール幅が異なると、生成されたＷｅｂページの各全体画像内における重畳要素の位置が異なる可能性がある。すなわち、重畳要素を含むＷｅｂページをそのままキャプチャした場合、同じＷｅｂページについて生成した複数の全体画像が異なる画像となってしまう可能性がある。
【０００８】
１つの側面として、本発明は、適切なＷｅｂページの画像を生成することを目的とする。
【課題を解決するための手段】
【０００９】
１つの態様では、画像生成装置は、Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第１ページ座標を取得し、前記Ｗｅｂページをスクロールし、スクロール後の前記Ｗｅｂページの表示領域内の要素毎に、前記Ｗｅｂページ内における座標である第２ページ座標を取得する座標取得部と、前記Ｗｅｂページの各要素について、前記第１ページ座標と前記第２ページ座標とを比較し、前記第１ページ座標と前記第２ページ座標とが一致するかに応じて、前記要素を複数の種別に分類する分類部と、前記Ｗｅｂページ内の前記要素の表示属性を前記種別毎に設定する設定部と、前記表示属性に基づいて表示された前記Ｗｅｂページの画像をキャプチャし前記Ｗｅｂページをスクロールする処理を繰り返し実行する画像キャプチャ部と、キャプチャされた複数の前記画像を結合して前記Ｗｅｂページの画像を生成する生成部とを備える。
【発明の効果】
【００１０】
１つの側面によれば、適切なＷｅｂページの画像を生成することができる。
【図面の簡単な説明】
【００１１】
【図１】ページ座標および表示領域座標を表す図である。
【図２】関連技術における画像生成方法の第１の例を示す図（その１）である。
【図３】関連技術における画像生成方法の第１の例を示す図（その２）である。
【図４】関連技術における画像生成方法の第１の例を示す図（その３）である。
【図５】関連技術における画像生成方法の第２の例を示す図（その１）である。
【図６】関連技術における画像生成方法の第２の例を示す図（その２）である。
【図７】関連技術における画像生成方法の第３の例を示す図（その１）である。
【図８】関連技術における画像生成方法の第３の例を示す図（その２）である。
【図９】画像生成装置の機能構成の一例を示す図である。
【図１０】画像生成装置のハードウェア構成の一例を示す図である。
【図１１】要素の分類の一例を示す図である。
【図１２】実施形態の処理の一例を示すフローチャートである。
【図１３】要素の分類処理の一例を示すフローチャートである。
【図１４】画像キャプチャ処理の一例を示すフローチャートである。
【図１５】比較例におけるＷｅｂページの画像生成を示す図である。
【図１６】第１の実施例におけるＷｅｂページの画像生成を示す図である。
【図１７】第２の実施例におけるＷｅｂページの画像生成を示す図である。
【発明を実施するための形態】
【００１２】
図１は、ページ座標および表示領域座標を表す図である。図１には、Ｗｅｂページ２００と、Ｗｅｂページ２００を表示するブラウザ等の表示領域２１０が示されている。以下、Ｗｅｂページ内における座標をページ座標と称する。ページ座標は、Ｗｅｂページの所定位置（例えば、左上端）を原点とした座標系における座標である。図１の例では、ページ座標は、Ｗｅｂページ２００の左上端を原点としたＸ座標と，Ｙ座標の組により表される。
【００１３】
また、以下、表示領域内における座標を表示領域座標と称する。表示領域座標は、表示領域の所定位置（例えば、左上端）を原点とした座標系における座標である。図１の例では、表示領域座標は、表示領域２１０の左上端を原点としたｘ座標と，ｙ座標の組により表される。
【００１４】
図１における点Ａの表示領域座標は、（ｘ１，ｙ１）である。ページ座標は、表示領域座標に、表示領域座標の原点とページ座標の原点との差を加算することにより算出される。例えば、表示領域２１０の初期位置が、Ｗｅｂページの左上端である場合、ページ座標は、表示領域座標にスクロール幅を加算した値となる。図１の例において、Ｘ方向のスクロール幅をａ、Ｙ方向のスクロール幅をｂとした場合、点Ａのページ座標は（ｘ１＋ａ，ｙ１＋ｂ）である。
【００１５】
なお、以下に示す各例では、表示領域のＸ方向の幅とＷｅｂページのＸ方向の幅は同じであり、Ｘ方向にスクロールしないが、図１に示す例のように、表示領域の幅とＷｅｂページの幅が異なっており、Ｘ方向にスクロール可能であってもよい。
【００１６】
＜関連技術＞
図２〜図４は、関連技術における画像生成方法の第１の例を示す図である。以下、関連技術における処理を実行する装置を、画像キャプチャ装置と称する。Ｗｅｂページ３００は、キャプチャ対象となるＷｅｂページである。画像キャプチャ装置は、Ｗｅｂページ３００の上端である第１のスクロール開始位置から、キャプチャとスクロールを繰り返し、一連の第１の部分画像３０１−１〜３０１−３を生成する。１回のスクロールの長さは、スクロール方向における表示領域の長さと同一であるとする。そして、画像キャプチャ装置は、一連の第１の部分画像３０１−１〜３０１−３を結合して、第１の結合画像３１１を生成する。
【００１７】
さらに、画像キャプチャ装置は、Ｗｅｂページ３００の上端よりも所定のオフセット量αだけ上側にずれた第２のスクロール開始位置３０３から、キャプチャとスクロールを繰り返す。これにより、画像キャプチャ装置は、一連の第２の部分画像３０２−１〜３０２−３を生成する。そして、画像キャプチャ装置は、一連の第２の部分画像３０２−１〜３０２−３を結合して、第２の結合画像３１２を生成する。
【００１８】
表示領域には、ボタンを示す重畳要素３１０がＷｅｂページ３００内の他の要素に重畳して表示されている。また、一連の第１の部分画像３０１−１〜３０１−３、及び、一連の第２の部分画像３０２−１〜３０２−３に表示された重畳要素３１０の表示領域座標は、同じ座標であるとする。また、第１の結合画像３１１にも、各第１の部分画像３０１−１〜３０１−３内の重畳要素３１０に対応する重畳要素３２０が表されている。同様に、第２の結合画像３１２にも、各第２の部分画像３０２−１〜３０２−３における重畳要素３１０に対応する重畳要素３２０が表されている。
【００１９】
次に、画像キャプチャ装置は、第１の結合画像３１１と第２の結合画像３１２に基づいて、表示領域内の重畳要素３１０の候補となる領域を特定する。なお、重畳要素３１０の候補となる領域を候補領域と称する。第１の結合画像３１１と第２の結合画像３１２は、重畳要素３２０以外の部分は、同一である。したがって、第１の結合画像３１１と第２の結合画像３１２との差分を示す領域が、候補領域となる。
【００２０】
画像キャプチャ装置は、第１の結合画像３１１と第２の結合画像３１２との対応画素間の差分演算を実行して画素ごとに差分絶対値を算出する。キャプチャ対象となる画像がカラー画像である場合には、画像キャプチャ装置は、例えば、各画素について、色成分ごとに、対応画素間の差分絶対値を算出し、色成分ごとの差分絶対値の和または平均値をその画素の差分絶対値とする。そして、画像キャプチャ装置は、差分絶対値が所定の閾値よりも大きい画素の集合を候補領域とする。画像キャプチャ装置は、候補領域を表すために、例えば、各結合画像と同じサイズを持ち、候補領域内の各画素の値と候補領域外の各画素の値が互いに異なるマスク画像を生成する。画像キャプチャ装置は、例えば、候補領域内の各画素を”０”とし、候補領域外の各画素の値を”１”として、図３に示すマスク画素４００を生成する。マスク画像４００には、４つの候補領域４１０−１〜４１０−４が含まれている。
【００２１】
図３を参照して、重畳要素を消去するためのマスク画像の生成について説明する。画像キャプチャ装置は、マスク画像４００を分割して、第１の部分マスク画像５０１−１〜５０１−３と、第２の部分マスク画像５０２−１〜５０２−３とを生成する。第１の部分マスク画像５０１−１〜５０１−３は、図２の第１の部分画像３０１−１〜３０１−３と同じ区切り位置で分割された画像である。第２の部分マスク画像５０２−１〜５０２−３は、図２の第２の部分画像３０２−１〜３０２−３と同じ区切り位置で分割された画像である。
【００２２】
画像キャプチャ装置は、第１の部分マスク画像５０１−１、５０１−２、第２の部分マスク画像５０２−２、５０２−３の各対応画像についてＡＮＤ演算を行う。なお、ＡＮＤ演算の対象として、表示領域より小さい部分画像（第１の部分マスク画像５０１−３、第２の部分マスク画像５０２−１）は除かれる。そして、画像キャプチャ装置は、ＡＮＤ演算の演算結果を用いたマスク画像５０３を生成する。マスク画像５０３に示される領域５３０は、重畳要素５１０−１、５１０−３、５２０−２、５２０−４に対応しており、表示領域における重畳要素の位置を示す。
【００２３】
図４を参照して、マスク画像５０３を用いた重畳要素の消去について説明する。画像キャプチャ装置は、生成されたマスク画像５０３と、第１の部分画像３０１−１〜３０１−３、および第２の部分画像３０２−１〜３０２−３のＡＮＤ演算を行う。なお、マスク画像５０３の領域５３０内の画素が”０”であり、領域５３０以外の領域の画素が”１”であるとする。よって、マスク画像５０３内の領域５３０と表示領域座標が同じである領域は、ＡＮＤ演算により消去される。
【００２４】
図４における第１の消去後画像６０１−１〜６０１−３は、第１の部分画像３０１−１〜３０１−３から、領域５３０に対応する部分が消去された画像である。第２の消去後画像６０２−１〜６０２−３は、第２の部分画像３０２−１〜３０２−３から、領域５３０に対応する部分が消去された画像である。領域５３０に対応する領域６１０は、空白領域（画素値が”０”の領域）となっている。画像キャプチャ装置は、第１の消去後画像６０１−１〜６０１−３を結合して、第１の消去後結合画像６０５を生成する。また、画像キャプチャ装置は、第２の消去後画像６０２−１〜６０２−３を結合して、第２の消去後結合画像６０６を生成する。
【００２５】
次に、画像キャプチャ装置は、第１の消去後結合画像６０５および第２の消去後結合画像６０６の対応する各画素についてＯＲ演算を行うことにより、Ｗｅｂページの全体画像６４０を生成する。図４に示す例では、第１の消去後結合画像６０６の消去領域６３０−１および６３０−２と、第２の消去後結合画像６０５の消去領域６３０−３および６３０−４のページ座標は、それぞれ異なっている。よって、上記ＯＲ演算を行うことにより、Ｗｅｂページの全体画像６４０において、消去部分６３０−１〜６３０−４の位置に存在していた画像が表示される。すなわち、Ｗｅｂページをキャプチャした際に重畳要素により隠されていた部分が表示される。
【００２６】
以上のように、画像キャプチャ装置は、２通りのスクロール位置でキャプチャを行い、重畳要素に対応するマスク画像を生成し、そのマスク画像を用いることにより、重畳要素を消去したＷｅｂページ画像を生成することができる。
【００２７】
図５および図６は、関連技術における画像生成方法の第２の例を示す図である。画像キャプチャ装置は、図２に示す例と同様に、Ｗｅｂページ７００に対してキャプチャとスクロールを繰り返し、図５に示す一連の第３の部分画像７０１−１〜７０１−３、および一連の第４の部分画像７０２−１〜７０２−３を生成する。
【００２８】
画像キャプチャ装置は、図５に示す一連の第３の部分画像７０１−１〜７０１−３、一連の第４の部分画像７０２−１〜７０２−３に対して、図２、図３に示す方法と同様にマスク画像（図示せず）を生成する。そして、画像キャプチャ装置は、マスク画像を用いて、第３の部分画像７０１−１〜７０１−３から、重畳要素７１０を消去した第３の消去後画像７０３−１〜７０３−３を生成する。また、画像キャプチャ装置は、マスク画像を用いて、第４の部分画像７０２−１〜７０２−３から、重畳要素７１０を消去した第４の消去後画像７０４−１〜７０４−３を生成する。なお、図５に示すように、重畳要素７１０は、図２に示す重畳要素３１０よりＹ方向の長さが長い。
【００２９】
画像キャプチャ装置は、図６に示すように、第３の消去後画像７０３−１〜７０３−３を結合して、第３の結合画像７０５を生成する。画像キャプチャ装置は、第４の消去後画像７０４−１〜７０４−３を結合して、第４の結合画像７０６を生成する。また、画像キャプチャ装置は、第３の結合画像７０５と第４の結合画像７０６の各画素についてＯＲ演算を行い、Ｗｅｂページの全体画像７０７を生成する。
【００３０】
図６に示すように、Ｗｅｂページ画像７０７には、重畳要素に対応する空白領域７４０−１、７４０−２が存在し、図５に示すＷｅｂページ７００を再現していない。なお、空白領域７４０−１は、空白領域７３０−１と空白領域７３０−３が重複する領域である。空白領域７４０−２は、空白領域７３０−２と空白領域７３０−４が重複する領域である。すなわち、第２の例ように、重畳要素が大きい場合、関連技術における画像キャプチャ装置は、重畳要素を消去できない可能性がある。
【００３１】
図７および図８は、関連技術における画像生成方法の第３の例を示す図である。画像キャプチャ装置は、図２に示す例と同様に、Ｗｅｂページ８００に対してキャプチャとスクロールを繰り返し、図７に示す一連の第５の部分画像８０１−１〜８０１−３、および一連の第６の部分画像８０２−１〜８０２−３を生成する。第３の例における重畳要素８１０−１〜８１０−４は、スクロールするたびに表示領域内を移動する点で、図２に示す重畳要素３１０と異なる。図７に示す重畳要素８１０−１〜８１０−４の表示領域座標は、それぞれ異なっている。
【００３２】
画像キャプチャ装置は、一連の第５の部分画像８０１−１〜８０１−３を結合して、第５の結合画像８０３を生成する。画像キャプチャ装置は、一連の第６の部分画像８０２−１〜８０２−３を結合して、第６の結合画像８０４を生成する。また、画像キャプチャ装置は、図３に示す方法と同様に、マスク画像８０５を生成する。
【００３３】
画像キャプチャ装置は、図８に示すように、マスク画像８０５を分割して、第３の部分マスク画像８０６−１〜８０６−３と、第４の部分マスク画像８０７−１〜８０７−３とを生成する。画像キャプチャ装置は、第３の部分マスク画像８０６−１、８０６−２と、第４の部分マスク画像８０７−２、８０７−３にＡＮＤ演算を行うことにより、画像８０８を生成する。
【００３４】
上述のように、第３の例では、スクロールするたびに重畳要素が移動する。よって、第３の部分マスク画像８０６−１〜８０６−３内の領域８５０−１〜８５０−４と、第４の部分マスク画像８０７−１〜８０７−３内の領域８６０−１〜８６０−４には、表示領域座標が一致する画像が存在しない可能性がある。その場合、図８に示すように、重畳要素に対応する領域が存在しない画像８０８が生成される。
【００３５】
第３の例に示すように、スクロールするたびに重畳要素が移動し、重畳要素の表示領域座標が部分画像毎に異なる場合、画像キャプチャ装置は、重畳要素の消去に用いるマスク画像を生成することができず、重畳要素を消去できない可能性がある。
【００３６】
また、関連技術における画像キャプチャ装置は、第１の例〜第３の例に示したように、一つのＷｅｂページに対して、異なるスクロール開始位置から２通りのキャプチャを行い、２つの結合画像を生成する。よって、キャプチャや画像処理に時間がかかる。
【００３７】
＜実施形態＞
図９は、画像生成装置の機能構成の一例を示す図である。画像生成装置１は、コンピュータの一例である。画像生成装置１は、座標取得部１１と分類部１２と設定部１３と表示制御部１４と画像キャプチャ部１５と生成部１６と記憶部１７とを含む。
【００３８】
座標取得部１１は、表示装置に表示されたＷｅｂページの表示領域内の要素毎に、ページ座標（第１ページ座標）および表示領域座標（第１表示領域座標）を取得する。座標取得部１１は、第１ページ座標および第１表示領域座標の取得後、Ｗｅｂページをスクロールし、表示装置に表示されたＷｅｂページの表示領域内の要素毎に、スクロール後のページ座標（第２ページ座標）および表示領域座標（第２表示領域座標）を取得する。座標取得部１１として、例えば、ブラウザを操作し、Ｗｅｂページの構造を取得可能なアプリケーションを適用してもよい。
【００３９】
ページ座標は、図１に示すように、Ｗｅｂページ内における座標であり、Ｗｅｂページの所定位置（例えば、左上端）を原点とした座標系における座標である。表示領域座標は、図１に示すように、表示領域内における座標であり、表示領域の所定位置（例えば、左上端）を原点とした座標系における座標である。
【００４０】
分類部１２は、Ｗｅｂページの各要素について、第１ページ座標と第２ページ座標とを比較し、第１ページ座標と第２ページ座標とが一致するかに応じて、要素を複数の種別に分類する。分類部は、例えば、第１ページ座標と第２ページ座標とが一致する要素を第１種別に分類し、第１ページ座標と第２ページ座標とが不一致である要素を第２種別に分類する。以下、第１種別の要素を標準要素と称する。第２種別の要素を、重畳要素と称する。重畳要素は、表示領域の移動に伴って移動したり、連続的に移動する要素であるため、第１ページ座標と第２ページ座標とが不一致である場合、重畳要素とみなされる。
【００４１】
分類部１２は、Ｗｅｂページの各要素について、第１表示領域座標と第２表示領域座標とを比較し、第１表示領域座標と第２表示領域座標とが一致するかに応じて、重畳要素をさらに複数の種別に分類する。分類部１２は、第１ページ座標と第２ページ座標とが不一致であり第１表示領域座標と第２表示領域座標とが一致する要素を第３種別に分類する。分類部１２は、第１ページ座標と第２ページ座標とが不一致であり第１表示領域座標と第２表示領域座標とが不一致である要素を第４種別に分類する。
【００４２】
第３種別の要素は、重畳要素のうち、スクロールを行っても表示領域内の同じ位置に表示される要素である。第３種別の要素を固定要素と称する。第４種別の要素は、重畳要素のうち、表示領域内を移動する要素である。第４種別の要素を変動要素と称する。
【００４３】
設定部１３は、Ｗｅｂページ内の各要素の表示属性を種別毎に設定する。設定部１３は、例えば、標準要素が表示されるように表示属性を設定し、重畳要素が表示されないように表示属性を設定する。設定部１３は、例えば、ＨＴＭＬのソースコードを変更することにより、要素を表示するか否かを設定する。
【００４４】
設定部１３は、標準要素が表示されるように表示属性を設定し、Ｗｅｂページの画像をキャプチャする際の表示領域の位置に応じて、重畳要素の表示属性の設定変更を行ってもよい。例えば、重畳要素がヘッダである場合、設定部１３は、表示領域の位置がＷｅｂページの先頭である場合に重畳要素を表示するように表示属性を変更し、表示領域の位置がＷｅｂページの先頭でない場合に重畳要素を表示しないように表示属性を変更する。また、重畳要素がヘッダであり、Ｗｅｂページの上端からスクロールを開始する場合、設定部１３は、初期設定として重畳要素を表示するように表示属性を設定し、１回スクロール後に重畳要素を表示しないように表示属性を変更してもよい。
【００４５】
設定部１３は、標準要素および変動要素が表示されるように表示属性を設定し、固定要素が表示されないように表示属性を設定してもよい。画像生成装置１は、変動要素を表示することにより、例えば、変動要素が画面上を連続的に移動する場合、その表示状態を記録することができる。
【００４６】
表示制御部１４は、設定部１３が設定した表示属性に基づいて、ブラウザ等を用いてＷｅｂページを表示装置に表示する。表示制御部１４は、後述する生成部１６の処理後、生成されたＷｅｂページの全体画像を表示装置に表示してもよい。
【００４７】
画像キャプチャ部１５は、表示装置に表示されたＷｅｂページの画像をキャプチャしＷｅｂページをスクロールする処理を繰り返し実行する。
【００４８】
生成部１６は、画像キャプチャ部１５がキャプチャした複数の画像を結合し、Ｗｅｂページの画像（例えば、全体画像）を生成する。
【００４９】
記憶部１７は、画像生成装置１の処理に用いられる各種データを記憶する。記憶部１７は、座標取得部１１が取得したページ座標および表示領域座標、画像キャプチャ部１５がキャプチャした画像、生成部１６が生成したＷｅｂページの全体画像等を記憶する。
【００５０】
次に、画像生成装置１のハードウェア構成の一例を説明する。図１０は、画像生成装置１のハードウェア構成の一例を示す図である。図１０の例に示すように、画像生成装置１において、バス１００に、プロセッサ１１１とメモリ１１２と補助記憶装置１１３と通信インタフェース１１４と媒体接続部１１５と入力装置１１６と出力装置１１７とが接続される。
【００５１】
プロセッサ１１１は、メモリ１１２に展開されたプログラムを実行する。実行されるプログラムには、実施形態における処理を行う画像生成プログラムが適用されてもよい。
【００５２】
メモリ１１２は、例えば、Random Access Memory(ＲＡＭ)である。補助記憶装置１１３は、種々の情報を記憶する記憶装置であり、例えばハードディスクドライブや半導体メモリ等が適用されてもよい。補助記憶装置１１３に実施形態の処理を行う画像生成プログラムが記憶されていてもよい。
【００５３】
通信インタフェース１１４は、Local Area Network（ＬＡＮ）、Wide Area Network（ＷＡＮ）等の通信ネットワークに接続され、通信に伴うデータ変換等を行う。
【００５４】
媒体接続部１１５は、可搬型記録媒体１１８が接続可能なインタフェースである。可搬型記録媒体１１８には、光学式ディスク（例えば、Compact Disc(ＣＤ)またはDigital Versatile Disc(ＤＶＤ)等)、半導体メモリ等が適用されてもよい。可搬型記録媒体１１８に実施形態の処理を行う画像生成プログラムが記録されていてもよい。
【００５５】
入力装置１１６は、例えば、キーボード、ポインティングデバイス等であり、ユーザからの指示及び情報等の入力を受け付ける。
【００５６】
出力装置１１７は、例えば、表示装置、プリンタ、スピーカ等であり、ユーザへの問い合わせ又は指示、及び処理結果等を出力する。出力装置１１７は、例えば、キャプチャ時のＷｅｂページや、生成部１６が生成したＷｅｂページの全体画像等を表示する。
【００５７】
図９に示す記憶部１７は、メモリ１１２、補助記憶装置１１３または可搬型記録媒体１１８等により実現されてもよい。図９に示す座標取得部１１、分類部１２、設定部１３、表示制御部１４、画像キャプチャ部１５、および生成部１６は、メモリ１１２に展開された画像生成プログラムをプロセッサ１１１が実行することにより実現されてもよい。
【００５８】
メモリ１１２、補助記憶装置１１３および可搬型記録媒体１１８は、コンピュータが読み取り可能であって非一時的な有形の記憶媒体であり、信号搬送波のような一時的な媒体ではない。
【００５９】
なお、画像生成装置１が図９に示す全ての構成要素を含んでいなくてもよく、一部の構成要素が省略されていてもよい。また、一部の構成要素が画像生成装置１の外部装置に存在し、画像生成装置１が外部装置に接続して、外部装置内の構成要素を利用してもよい。
【００６０】
図１１は、要素の分類の一例を示す図である。図１１に示すテーブルにおいて、ページ座標の列における「一致」は、第１ページ座標と第２ページ座標とが一致することを示す。また、ページ座標の列における「不一致」は、第１ページ座標と第２ページ座標とが不一致であることを示す。表示領域座標の列における「一致」は、第１表示領域座標と第２表示領域座標とが一致することを示す。また、表示領域座標の列における「不一致」は、第１表示領域座標と第２表示領域座標とが不一致であることを示す。
【００６１】
図１１に示すように、標準要素は、第１ページ座標と第２ページ座標とが一致する要素である。なお、標準要素の第１表示領域座標と第２表示領域座標とは不一致となるが、本実施形態における分類部１２の判定には用いられない。固定要素は、第１ページ座標と第２ページ座標とが不一致であり、第１表示領域座標と第２表示領域座標とが一致する要素である。変動要素は、第１ページ座標と第２ページ座標とが不一致であり、第１表示領域座標と第２表示領域座標とが不一致である要素である。
【００６２】
図１２は、実施形態の処理の一例を示すフローチャートである。表示制御部１４は、ブラウザ等を用いてＷｅｂページを表示装置に表示する（ステップＳ１００）。座標取得部１１は、表示装置に表示された処理対象のＷｅｂページの表示領域内の要素毎に、ページ座標（第１ページ座標）および表示領域座標（第１表示領域座標）を取得する（ステップＳ１０１）。座標取得部１１は、Ｗｅｂページをスクロールし、表示領域の位置を変更する（ステップＳ１０２）。座標取得部１１は、Ｗｅｂページの表示領域内の要素毎に、スクロール後のページ座標（第２ページ座標）および表示領域座標（第２表示領域座標）を取得する（ステップＳ１０３）。
【００６３】
なお、重畳要素を固定要素と変動要素に分類しない場合、座標取得部１１は、表示領域座標を取得しなくてもよい。
【００６４】
分類部１２は、処理対象のＷｅｂページの全要素を分類したか判定する（ステップＳ１０４）。全要素の分類が完了していない場合（ステップＳ１０４でＮＯ）、分類部１２は、Ｗｅｂページの各要素を複数の種別に分類する（ステップＳ１０５）。ステップＳ１０５の処理について、詳細は後述する。設定部１３は、要素の種別に基づいて、要素の表示属性を設定する（ステップＳ１０６）。設定部１３は、例えば、標準要素が表示されるように表示属性を設定し、重畳要素が表示されないように表示属性を設定する。
【００６５】
分類部１２による全要素の分類が完了した場合（ステップＳ１０４でＹＥＳ）、表示制御部１４は、設定部１３が設定した表示属性に基づいて、ブラウザ等を用いてＷｅｂページを表示装置に表示する（ステップＳ１０７）。画像キャプチャ部１５は、表示装置に表示されたＷｅｂページの画像をキャプチャしＷｅｂページをスクロールする処理を繰り返し実行する（ステップＳ１０８）。ステップＳ１０８について、詳細は後述する。生成部１６は、画像キャプチャ部１５がキャプチャした複数の画像を結合し、Ｗｅｂページの全体画像を生成する（ステップＳ１０９）。
【００６６】
図１３は、要素の分類処理の一例を示すフローチャートである。図１３に示す処理は、図１２のステップＳ１０５の詳細であり、Ｗｅｂページ内の各要素に対して実行される。
【００６７】
分類部１２は、座標取得部１１が取得した第１ページ座標と第２ページ座標とを比較し、一致するか判定する（ステップＳ２０１）。ステップＳ２０１でＹＥＳの場合、分類部１２は、処理対象の要素を標準要素に分類する。
【００６８】
ステップＳ２０１でＮＯの場合、分類部１２は、座標取得部１１が取得した第１表示領域座標と第２表示領域座標とを比較し、一致するか判定する（ステップＳ２０３）。ステップＳ２０３でＹＥＳの場合、分類部１２は、処理対象の要素を固定要素に分類する（ステップＳ２０４）。ステップＳ２０３でＮＯの場合、分類部１２は、処理対象の要素を変動要素に分類する（ステップＳ２０５）。
【００６９】
なお、分類部１２は、固定要素と変動要素を区別せず、処理対象の要素を、標準要素と重畳要素の２つの種別に分類してもよい。その場合、分類部１２は、ステップＳ２０１でＮＯの場合に要素を重畳要素に分類し、ステップＳ２０３〜Ｓ２０５の処理を省略する。
【００７０】
図１４は、画像キャプチャ処理の一例を示すフローチャートである。画像キャプチャ部１５は、表示装置に表示されたＷｅｂページの画像をキャプチャする（ステップＳ３０１）。画像キャプチャ部１５は、処理対象のＷｅｂページ全体をキャプチャしたか判定する（ステップＳ３０２）。ステップＳ３０２でＮＯの場合、画像キャプチャ部１５は、Ｗｅｂページをスクロールして、表示領域を移動させる（ステップＳ３０３）。そして、画像キャプチャ部１５は、再度、表示装置に表示されたＷｅｂページの画像をキャプチャする（ステップＳ３０１）。処理対象のＷｅｂページ全体をキャプチャした場合（ステップＳ３０２でＹＥＳ）、画像キャプチャ部１５は、処理を終了する。
【００７１】
設定部１３は、ステップＳ３０３でスクロールが行われた後、ステップＳ３０１のキャプチャ処理が行われる前に、表示属性の設定変更を行ってもよい。
【００７２】
例えば、設定部１３は、図１２のステップＳ１０６で重畳要素の表示属性を「表示」に設定しておく。そして、設定部１３は、ステップＳ３０３で１回目のスクロールが実行された後、ステップＳ３０１のキャプチャ処理が行われる前に、その重畳要素の表示属性を「非表示」に設定変更してもよい。これにより、画像生成装置１は、後述する実施例のように、Ｗｅｂページの上端にのみ重畳要素が表示されたＷｅｂページを生成することができる。
【００７３】
また、設定部１３は、表示領域の位置を検出し、表示領域がＷｅｂページの上端に存在する場合に、重畳要素の表示属性を「表示」に設定し、表示領域がＷｅｂページの上端以外の位置に存在する場合に、重畳要素の表示属性を「非表示」に設定変更してもよい。これにより、画像生成装置１は、後述する実施例のように、Ｗｅｂページの上端にのみ重畳要素が表示されたＷｅｂページを生成することができる。
【００７４】
＜比較例＞
以下に説明するＷｅｂページの画像生成処理の比較例は、後述する実施例の比較対象となる例である。図１５は、比較例におけるＷｅｂページの画像生成を示す図である。
【００７５】
比較例では、Ｗｅｂページ９０１をスクロールし、表示領域９０２を移動させてキャプチャが行われる。重畳要素９０３は、ヘッダ領域であり、表示領域９０２の上端には、重畳要素９０３が常に表示されているとする。図１５（ａ）〜（ｃ）に示すように、スクロールが実行される毎に、表示領域９０２が移動し、表示領域９０２の移動に伴い、重畳要素９０３が移動する。
【００７６】
スクロール毎にキャプチャした画像を結合することにより、図１５（ｄ）に示す、Ｗｅｂページの全体画像９０５が生成される。領域９０６−１〜９０６−３は、図１５（ａ）〜（ｃ）の各重畳要素９０３に対応している。
【００７７】
図１５の例に示すように、重畳要素を常に表示した状態でキャプチャを行うと、生成したＷｅｂページの全体画像には、複数の重畳要素が含まれてしまう。また、重畳要素以外の要素が、重畳要素に隠れ、ユーザが視認することができなくなってしまう。
【００７８】
＜実施例＞
実施形態の画像生成装置１の実施例について説明する。図１６は、第１の実施例におけるＷｅｂページの画像生成を示す図である。図１６に示す例では、設定部１３は、重畳要素を非表示となるように表示属性を設定していたとする。この場合、画像キャプチャ部１５は、図１６（ａ）〜（ｃ）に示すように、表示領域１００２に重畳要素が表示されない状態で、Ｗｅｂページ１００１をキャプチャし、スクロールする処理を繰り返す。
【００７９】
これにより、生成部１６は、図１６（ｄ）に示すように、重畳要素を含まないＷｅｂページ１００３を生成することができる。
【００８０】
図１７は、第２の実施例におけるＷｅｂページの画像生成を示す図である。図１７に示す例では、設定部１３は、表示領域がＷｅｂページの上端に存在する場合に重畳要素が表示されるように表示属性を設定し、表示領域が上端以外の位置に存在する場合に、重畳要素が非表示となるように表示属性を設定したとする。
【００８１】
図１７に示す例では、重畳要素１１０３は、ヘッダであるとする。図１７（ａ）では、表示領域１１０２が、Ｗｅｂページ１１０１の上端に存在するため、表示制御部１４は、設定部１３の設定に基づいて、重畳要素１１０３を表示する。図１７（ｂ）、（ｃ）では、表示領域１１０２が、Ｗｅｂページ１１０１の上端以外の位置に存在するため、表示制御部１４は、設定部１３の設定に基づいて、重畳要素１１０３を非表示とする。
【００８２】
これにより、生成部１６は、図１７（ｄ）に示すように、重畳要素が上端にのみ表示されたＷｅｂページを生成することができる。図１７の例のように、重畳要素１１０３がヘッダである場合、Ｗｅｂページの上端にのみ表示されることが好ましいためである。
【００８３】
設定部１３は、例えば、１回目のキャプチャ時に重畳要素が表示されるように表示属性を設定し、２回目以降のキャプチャ時に重畳要素が表示されるように表示属性を設定してもよい。その場合も、生成部１６は、図１７（ｄ）に示すように、重畳要素が上端にのみ表示されたＷｅｂページを生成することができる。
【００８４】
重畳要素１１０３がフッタである場合、設定部１３は、表示領域がＷｅｂページの下端に存在する場合に重畳要素が表示されるように表示属性を設定し、表示領域が下端以外の位置に存在する場合に、重畳要素が非表示となるように表示属性を設定してもよい。これにより、生成部１６は、重畳要素（フッタ）が下端にのみ表示されたＷｅｂページを生成することができる。
【００８５】
以上のように、画像生成装置１は、スクロール前後のページ座標が一致するかに応じて、各要素を分類し、表示属性を設定する。そして、画像生成装置１は、重畳要素を非表示としたり、表示領域がＷｅｂページの所定位置に存在する場合のみ、重畳要素を表示するなどの表示制御を行うため、適切なＷｅｂページの画像を生成することができる。
【００８６】
例えば、Ｗｅｂページが複数のブラウザで同様に表示されるかをテストする際に、本実施形態の画像生成装置１が生成したＷｅｂページの全体画像を適用してもよい。これにより、複数のブラウザで表示した同一のＷｅｂページの全体画像が、重畳要素の影響で不一致となることを防止することができる。
【００８７】
上述のように関連技術では、一つのＷｅｂページについて２つの結合画像を生成するが、本実施形態の画像生成装置１は、生成する結合画像は１つであるため、関連技術よりも速く処理が完了し、メモリ使用量等の負荷を軽減することができる。また、本実施形態の画像生成装置１は、図５の重畳要素７１０のように重畳要素が大きい場合であっても、重畳要素を消去することができる。また、本実施形態の画像生成装置１は、図７に示す重畳要素８１０−１〜８１０−４のように、重畳要素が移動しても、その重畳要素を消去することができる。なお、図７に示す重畳要素８１０−１〜８１０−４は、本実施形態における変動要素に相当する。
【００８８】
本実施形態は、以上に述べた実施の形態に限定されるものではなく、本実施形態の要旨を逸脱しない範囲内で様々な変更、追加、省略が適用可能である。
【符号の説明】
【００８９】
１    画像生成装置
１１    座標取得部
１２    分類部
１３    設定部
１４    表示制御部
１５    画像キャプチャ部
１６    生成部
１７    記憶部
１００    バス
１１１    プロセッサ
１１２    メモリ
１１３    補助記憶装置
１１４    通信インタフェース
１１５    媒体接続部
１１６    入力装置
１１７    出力装置
１１８    可搬型記録媒体
【図１】
2020135040.tif 000003
【図２】
2020135040.tif 000004
【図３】
2020135040.tif 000005
【図４】
2020135040.tif 000006
【図５】
2020135040.tif 000007
【図６】
2020135040.tif 000008
【図７】
2020135040.tif 000009
【図８】
2020135040.tif 000010
【図９】
2020135040.tif 000011
【図１０】
2020135040.tif 000012
【図１１】
2020135040.tif 000013
【図１２】
2020135040.tif 000014
【図１３】
2020135040.tif 000015
【図１４】
2020135040.tif 000016
【図１５】
2020135040.tif 000017
【図１６】
2020135040.tif 000018
【図１７】
2020135040.tif 000019