JP5664756B2 - Image processing program - Google Patents
Image processing program Download PDFInfo
- Publication number
- JP5664756B2 JP5664756B2 JP2013265174A JP2013265174A JP5664756B2 JP 5664756 B2 JP5664756 B2 JP 5664756B2 JP 2013265174 A JP2013265174 A JP 2013265174A JP 2013265174 A JP2013265174 A JP 2013265174A JP 5664756 B2 JP5664756 B2 JP 5664756B2
- Authority
- JP
- Japan
- Prior art keywords
- selection
- clip
- web page
- displayed
- 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.)
- Active
Links
- 230000008859 change Effects 0.000 claims description 49
- 238000000034 method Methods 0.000 description 92
- 230000008569 process Effects 0.000 description 89
- 238000012545 processing Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 7
- 238000012790 confirmation Methods 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、コンピュータを画像処理装置として機能させる画像処理プログラムに関する。 The present invention relates to an image processing program that causes a computer to function as an image processing apparatus.
従来、ウェブページ中において所望の領域を選択する利用者操作が行われると、選択された領域(以下、選択領域ともいう。)内の表示内容を切り出して、切り出された選択領域を印刷する技術が提案されている(例えば、特許文献1参照。)。 Conventionally, when a user operation for selecting a desired area in a web page is performed, a display content in a selected area (hereinafter also referred to as a selection area) is cut out and the cut out selection area is printed. Has been proposed (see, for example, Patent Document 1).
また、上記のような選択領域の切り出しが可能な技術において、切り出された選択領域を保存する機能を備えている技術もある。このような保存機能を利用すれば、選択領域を切り出した際には、その選択領域を保存しておき、後日、選択領域の閲覧や印刷が必要となった時点で、過去に保存された選択領域の閲覧や印刷を行うことができる。 In addition, there is a technique that has a function of saving a cut-out selection area in the above-described technique that can cut out a selection area. By using such a save function, when the selected area is cut out, the selected area is saved, and when the selected area needs to be browsed or printed at a later date, the previously saved selection is saved. The area can be browsed and printed.
しかしながら、上記従来技術では、1度切り出された選択領域は、その後、選択した範囲を変更したくなっても、そのような変更を行うことができない。そのため、利用者は、あらためて同じウェブページを開いて、所望の選択領域を選択し直すしかなく、相応に面倒な手間がかかる、という問題があった。 However, in the above-described prior art, once the selected area is cut out, such a change cannot be made even if it is desired to change the selected range. For this reason, the user has to open the same web page again and reselect a desired selection area, and there is a problem that it takes a lot of trouble.
また、あらためて同じウェブページを開きたくても、そもそもどのようなウェブページから選択領域を切り出したのか、後日の段階では利用者が忘れていることもあり、その場合、所望の選択領域を選択し直す操作を行うことができなくなる、という問題もあった。 In addition, even if you want to open the same web page again, the user may have forgotten at what stage the selected area was cut out in the first place. In that case, select the desired selected area. There was also a problem that it was impossible to perform the correction operation.
本発明は、上記問題を解決するためになされたものであり、その目的は、ウェブページから所望の選択領域内の表示内容を切り出して表示可能で、どのようなウェブページから切り出したものかを提起することが可能な画像処理プログラムを提供することにある。 The present invention has been made in order to solve the above-mentioned problems, and the purpose of the present invention is to display the content displayed in a desired selection area from a web page and display it. An object is to provide an image processing program that can be submitted .
以下、本発明において採用した構成について説明する。
本発明の画像処理プログラムは、コンピュータを、
表示装置の画面上に表示されたウェブページの一部の領域を選択する旨の利用者操作がなされた場合に、第1選択指令を受け付ける第1選択指令受付手段と、
前記第1選択指令受付手段によって前記第1選択指令を受け付けた場合に、前記ウェブページの中から、前記利用者操作で指定された前記一部の領域である選択領域の範囲内に表示される選択画像を抽出し、当該選択画像を前記表示装置の画面上にある選択画像表示領域に表示する選択画像表示手段と、
前記第1選択指令受付手段によって前記第1選択指令を受け付けた場合に、前記ウェブページを示す情報を記憶部に記憶する記憶手段と、
前記選択画像表示手段によって前記選択画像表示領域に表示された前記選択画像を特定する利用者操作がなされた場合に、第2選択指令を受け付ける第2選択指令受付手段と、
前記第2選択指令受付手段によって前記第2選択指令を受け付けた場合、前記利用者操作で特定された選択画像が抽出されたウェブページであって、前記記憶部に記憶された前記情報によって示されるウェブページを前記画面上に表示する表示手段として機能させることを特徴とする。
Hereinafter, the configuration employed in the present invention will be described.
An image processing program according to the present invention includes a computer,
If the user operation for selecting a partial area of the web page displayed on the screen of the display device is made, the first selection command accepting means for accepting a first selection command,
When receiving said first selection instruction by said first selection command receiving means, from among the web pages are displayed within the bounds of the user the specified by the operation, which is part of the region selection region extracting selected image, a selected image display means for displaying the selected image in the selected image display area that is on the screen of the display device,
Storage means for storing information indicating the web page in a storage unit when the first selection instruction is received by the first selection instruction receiving means;
If the user operation for specifying the selected image displayed on the selected image display area by said selected image display unit is made, a second selection instruction receiving means for receiving a second selection command,
When the second selection command is received by the second selection command receiving means , it is a web page from which the selected image specified by the user operation is extracted, and is indicated by the information stored in the storage unit It functions as a display means for displaying a web page on the screen .
以上のように構成された画像処理プログラムによって、コンピュータを上記各手段として機能させれば、表示装置の画面上に表示されたウェブページの一部の領域を選択する旨の利用者操作が行われた際には、ウェブページ内での選択領域の範囲内に表示される選択画像が抽出され、当該選択画像が選択画像表示領域に表示される。 If the image processing program configured as described above causes the computer to function as each of the above means, a user operation is performed to select a partial area of the web page displayed on the screen of the display device. In this case, the selected image displayed within the range of the selected area in the web page is extracted, and the selected image is displayed in the selected image display area.
さらに、ウェブページを示す情報が記憶部に記憶される。 Further, information indicating the web page is stored in the storage unit.
また、選択画像領域に表示された選択画像を特定する利用者操作がなされた際には、その選択画像が抽出されたウェブページが表示される。 Further, when a user operation for specifying the selected image displayed in the selected image area is performed, a web page from which the selected image is extracted is displayed.
よって、利用者は、選択画像の切り出し元となったウェブページを思い出すことができる。 Therefore, the user can remember the web page from which the selected image is cut out .
ところで、本発明の画像処理プログラムにおいて、前記選択画像表示領域は、前記コンピュータが実行するウェブブラウザプログラムにより表示されるウェブブラウザ内に表示されるものであり、かつ、当該ウェブブラウザプログラムが終了される際、前記ウェブブラウザ内で表示されている前記選択画面表示領域は前記画面上で非表示とされるものであり、前記コンピュータを、前記選択画像表示領域を表示または非表示とするかの選択を受け付ける選択受付手段と、前記コンピュータにより前記ウェブブラウザプログラムが終了される際に、前記選択受付手段により前記選択画像表示領域を表示させる選択がなされていることを条件として、終了されている前記ウェブブラウザプログラムが新たに実行される際、表示される前記ウェブブラウザ内に前記選択画像表示領域を表示する選択画像領域表示手段として機能させることが好ましい。 By the way, in the image processing program of the present invention, the selected image display area is displayed in a web browser displayed by a web browser program executed by the computer, and the web browser program is terminated. In this case, the selection screen display area displayed in the web browser is hidden on the screen, and the computer selects whether to display or hide the selection image display area. The selection accepting means for accepting and the web browser that has been terminated on condition that the selection accepting means is selected to display the selected image display area when the computer terminates the web browser program When the program is newly executed, the web browser displayed It is preferable to function as the selected image area display means for displaying the selected image display area in Uzza.
また、本発明の画像処理プログラムにおいて、前記選択画像表示手段は、終了されている前記ウェブブラウザプログラムが新たに実行される際、過去に、前記第1選択指令受付手段によって前記第1選択指令を受け付け、前記ウェブページの中から抽出した前記選択画像を、前記選択画像表示領域に表示することが好ましい。 In the image processing program of the present invention, when the web browser program that has been terminated is newly executed , the selected image display means may issue the first selection command in the past by the first selection command receiving means. Preferably, the selection image received and extracted from the web page is displayed in the selection image display area .
また、本発明の画像処理プログラムにおいて、第2選択指令受付手段が受け付ける前記第2選択指令は、前記選択画像表示領域に表示された前記選択画像に対応する前記選択領域の変更を受け付けるための指令であることを特徴とする。 In the image processing program of the present invention, the second selection command received by the second selection command receiving means is a command for receiving a change in the selection area corresponding to the selection image displayed in the selection image display area. It is characterized by being.
また、本発明の画像処理プログラムにおいて、前記記憶手段によって前記記憶部に記憶される前記ウェブページを示す情報は、当該ウェブページのURL(Uniform Resource Locator)であることを特徴とする。 In the image processing program of the present invention, the information indicating the web page stored in the storage unit by the storage unit is a URL (Uniform Resource Locator) of the web page .
また、本発明の画像処理プログラムにおいて、前記記憶手段は、前記ウェブページのURLと当該ウェブページを示すウェブページデータとを対応付けて前記記憶部に記憶し、前記表示手段は、前記第2選択指令受付手段によって前記第2選択指令を受け付けた場合、前記記憶部に記憶されたURLによって示されるウェブページとして、当該URLと対応付けて記憶されたウェブページデータを表示することを特徴とする。 In the image processing program of the present invention, the storage unit stores the URL of the web page and web page data indicating the web page in association with each other in the storage unit, and the display unit stores the second selection. When the second selection command is received by the command receiving means, the web page data stored in association with the URL is displayed as the web page indicated by the URL stored in the storage unit .
次に、本発明の実施形態について一例を挙げて説明する。
[システム構成]
以下に説明するシステムは、図1に示すように、パーソナルコンピュータ1(以下、PC1という)と、このPC1に接続されたプリンタ3とを備えている。また、PC1は、WAN(Wide Area Network;一例としてはインターネット。)5を介してウェブサーバ7と通信可能となっている。
Next, an embodiment of the present invention will be described with an example.
[System configuration]
As shown in FIG. 1, the system described below includes a personal computer 1 (hereinafter referred to as a PC 1) and a printer 3 connected to the PC 1. The PC 1 can communicate with the web server 7 via a WAN (Wide Area Network; for example, the Internet) 5.
PC1は、図1に示すように、周知のCPU11、ROM12、RAM13、HDD14(ハードディスク装置14)、操作部15、表示部16、ネットワークインターフェース17、USBインターフェース18などを備えている。 As shown in FIG. 1, the PC 1 includes a known CPU 11, ROM 12, RAM 13, HDD 14 (hard disk device 14), operation unit 15, display unit 16, network interface 17, USB interface 18, and the like.
HDD14には、OS(Operating System)、後述するウェブブラウザ、このウェブブラウザに組み込まれるプラグインなどの各種プログラムが格納されている。なお、これらのプログラムに従った処理がCPU11によって実行される際には、各プログラムがRAM13へと読み込まれる。 The HDD 14 stores various programs such as an OS (Operating System), a web browser to be described later, and a plug-in incorporated in the web browser. When processing according to these programs is executed by the CPU 11, each program is read into the RAM 13.
また、HDD14には、後述する処理が実行されることにより、画像化されたウェブページや、そのウェブページ中でのクリップ範囲を示す情報が保存される。これらのデータは、あらかじめ定められた特定のパス名を持つフォルダ(例えば、図1中に例示する“C:¥TempClip¥”など)に保存される。 Further, the HDD 14 stores an imaged web page and information indicating a clip range in the web page by executing processing to be described later. These data are stored in a folder (for example, “C: ¥ TempClip ¥” illustrated in FIG. 1) having a predetermined specific path name.
また、画像化されたウェブページは、一つのウェブページが一つのビットマップイメージファイル(例えば、図1中に例示する“2010aaaa01.bmp”など)として保存される。 Further, the imaged web page is saved as one bitmap image file (for example, “2010aaa01.bmp” illustrated in FIG. 1).
さらに、ウェブページ中でのクリップ範囲を示す情報は、複数のクリップに対応する情報すべてが単一のテキストファイル(例えば、図1中に例示する“ClipList.ini”など)に保存される。このテキストファイルには、図1に例示するように、複数のクリップそれぞれに対応する複数セクション分の情報が記録され、各セクションには、上述のビットマップイメージファイルのファイル名とクリップ範囲を示す座標が対応付けて格納されている。 Furthermore, as information indicating the clip range in the web page, all information corresponding to a plurality of clips is stored in a single text file (for example, “ClipList.ini” illustrated in FIG. 1). In this text file, as shown in FIG. 1, information for a plurality of sections corresponding to each of a plurality of clips is recorded, and each section has coordinates indicating the file name of the bitmap image file and the clip range. Are stored in association with each other.
操作部15は、キーボードや各種ポインティングデバイス(例えば、マウス)等によって構成される。表示部16は、液晶ディスプレイ等によって構成される。
以上のように構成されたPC1では、操作部15での利用者操作により、ウェブブラウザを起動することができる。そして、ウェブブラウザ起動後は、操作部15での利用者操作により、ウェブサーバ7上にあるウェブページデータ(例えば、HTML(HyperText Markup Language)、XHTML(Extensible HTML)、XML(Extensible Markup Language)で記述されたマークアップ文書データ)のURL(Uniform Resource Locator)を指定し、ウェブサーバ7に対してデータ取得を要求することができる。
The operation unit 15 includes a keyboard, various pointing devices (for example, a mouse), and the like. The display unit 16 is configured by a liquid crystal display or the like.
In the PC 1 configured as described above, a web browser can be activated by a user operation on the operation unit 15. After the web browser is activated, the web page data (for example, HTML (HyperText Markup Language), XHTML (Extensible HTML), XML (Extensible Markup Language) on the web server 7 is operated by a user operation on the operation unit 15. The URL (Uniform Resource Locator) of the described markup document data) can be designated and data acquisition can be requested to the web server 7.
この要求をウェブサーバ7が受けた場合、応答としてウェブサーバ7からはウェブページデータが返されるので、PC1では、そのウェブページデータを取得して、表示部16にウェブページを表示する。 When the web server 7 receives this request, the web page data is returned from the web server 7 as a response. Therefore, the PC 1 acquires the web page data and displays the web page on the display unit 16.
また、表示部16にウェブページを表示した後、操作部15での利用者操作により、ウェブページの印刷を指令すれば、PC1は、プリンタ3を制御して、プリンタ3にウェブページを印刷させることができる。 In addition, after displaying a web page on the display unit 16, if a web page print command is issued by a user operation on the operation unit 15, the PC 1 controls the printer 3 to cause the printer 3 to print the web page. be able to.
さらに、詳しくは後述するが、このPC1においては、ウェブブラウザ上に表示されたウェブページの一部をクリップとして切り出し、そのクリップの印刷や保存を行う機能(以下、クリップ機能ともいう。)が組み込まれている。 Further, as will be described in detail later, the PC 1 incorporates a function for cutting out a part of a web page displayed on the web browser as a clip and printing or saving the clip (hereinafter also referred to as a clip function). It is.
このクリップ機能を利用すれば、ウェブブラウザ上に表示されたウェブページの中から、利用者が所望の範囲を指定することで、その範囲をクリップとして切り出すことができ、切り出されたクリップを印刷することができる。また、切り出されたクリップを保存しておいて、後からクリップの印刷を行うこともできる。 If this clip function is used, the user can cut out the range as a clip by specifying the desired range from the web page displayed on the web browser, and print the clip that has been cut out. be able to. It is also possible to save the clip that has been cut out and print the clip later.
[PCにおいて実行される処理]
次に、PC1において実行される処理について、図2〜図7のフローチャートに基づいて説明する。
[Processes executed on PC]
Next, processing executed in the PC 1 will be described based on the flowcharts of FIGS.
上記PC1が備えるウェブブラウザは、プラグインと呼ばれるプログラムをPC1にインストールすることで、標準機能以外の各種拡張機能を追加できる仕組みになっている。以下に説明する処理も、ウェブブラウザとしての処理と、そのウェブブラウザに組み込まれたプラグインとしての処理をCPU11が実行し、双方の処理が協働することで実現される処理となる。 The web browser provided in the PC 1 has a mechanism in which various extended functions other than the standard functions can be added by installing a program called a plug-in in the PC 1. The process described below is also a process realized by the CPU 11 executing a process as a web browser and a process as a plug-in incorporated in the web browser, and the both processes cooperate.
なお、以下の説明においては、図8(a)に例示するような画面構成のウェブブラウザ上に、図8(b)に例示するようなウェブページを表示する場合を想定して、適宜表示例を交えながら、PC1で実行される処理について説明する。また、以下の説明では、操作部15での操作としてポインティングデバイスによる一般的な操作を想定して、クリック、右クリック、ドラッグ、マウスダウン、マウスアップといった表現を用いるが、これらと同等な機能を実現可能な代替操作を、キーボードやタブレット等の他の入力デバイスで実施してもよい。 In the following description, a display example is appropriately assumed on the assumption that a web page as illustrated in FIG. 8B is displayed on a web browser having a screen configuration as illustrated in FIG. A process executed on the PC 1 will be described with reference to FIG. Also, in the following description, expressions such as click, right click, drag, mouse down, and mouse up are used on the operation unit 15 assuming general operations with a pointing device. Possible alternative operations may be performed with other input devices such as a keyboard or tablet.
まず、クリップ処理について、図2に基づいて説明する。このクリップ処理は、ウェブページ上で利用者が指定した範囲をクリップとして保存する際に実行される。また、クリップ処理は、ウェブブラウザが起動することで開始される。 First, clip processing will be described with reference to FIG. This clip processing is executed when the range designated by the user on the web page is saved as a clip. Clip processing is started when the web browser is activated.
クリップ処理を開始すると、PC1は、まず、利用者がクリップ範囲を決定するまで待機する(S105:NO)。この状態において、利用者は、所定の操作を行ってクリップ範囲の指定モードに移行した後、ウェブページ上において所望の四角形の範囲の対角線両端に相当する2点を指定することにより、その四角形の範囲をクリップ範囲として指定することができる。 When the clip process is started, the PC 1 first waits until the user determines the clip range (S105: NO). In this state, the user performs a predetermined operation to shift to the clip range designation mode, and then designates two points corresponding to both ends of the diagonal of the desired square range on the web page. A range can be specified as a clip range.
対角線両端に相当する2点のうち、1点目は、ウェブページ上でのマウスダウン操作によって指定することができ、2点目は、1点目の指定に引き続いてドラッグ操作を行った後、マウスアップ操作によって指定することができる。ドラッグ操作を行っている間は、図8(c)に破線で示すように、クリップ範囲を示す枠がウェブブラウザ上に表示されるので、利用者は表示される枠を目安にして、クリップ範囲を調節することができる。 Of the two points corresponding to both ends of the diagonal line, the first point can be designated by a mouse down operation on the web page, and the second point can be designated by dragging subsequent to the designation of the first point, It can be specified by a mouse up operation. While the drag operation is being performed, as shown by a broken line in FIG. 8C, a frame indicating the clip range is displayed on the web browser. Therefore, the user can use the displayed frame as a guide to set the clip range. Can be adjusted.
そして、マウスアップ操作がなされた場合、PC1は、利用者がクリップ範囲を決定したと判断し(S105:YES)、クリップ範囲を取得する(S110)。S110では、ウェブページのデータ構造や表示画面の解像度(表示サイズ)などに基づき、ウェブページ上のどの範囲が指定されたのかを解析し、その情報が取得される。 When the mouse up operation is performed, the PC 1 determines that the user has determined the clip range (S105: YES), and acquires the clip range (S110). In S110, based on the data structure of the web page, the resolution (display size) of the display screen, etc., which range is designated on the web page is analyzed, and the information is acquired.
続いて、PC1は、ウェブページを画像化する(S115)。このS115では、利用者が指定したクリップ範囲の位置やサイズによらず、ウェブページ全体が画像化される。そして、PC1は、保存フォルダを検索して、同じ画像が保存されていないか確認する(S120)。S120では、過去に同じウェブページが画像化されていれば、保存フォルダ内から同じ画像が検出される。 Subsequently, the PC 1 images the web page (S115). In S115, the entire web page is imaged regardless of the position and size of the clip range designated by the user. Then, the PC 1 searches the storage folder and checks whether the same image is stored (S120). In S120, if the same web page has been imaged in the past, the same image is detected from the storage folder.
ここで、同じ画像がある場合は(S125:YES)、あらためて同じ画像を保存する必要がないので、すでに保存されている既存の画像の名前を取得する(S130)。例えば、すでに保存されている既存の画像のファイル名が“2010xxxx01.bmp”であれば、そのファイル名が取得される。 Here, if there is the same image (S125: YES), it is not necessary to store the same image again, so the name of an existing image that has already been stored is acquired (S130). For example, if the file name of an already stored image is “2010xxxx01.bmp”, the file name is acquired.
一方、同じ画像がない場合は(S125:NO)、画像化したウェブページに名前を付けて保存する(S135)。ここで付ける名前は、あらかじめ定められた規約に沿って付与され、例えば“2010xxxx01.bmp”といったファイル名が付与される。 On the other hand, if there is no same image (S125: NO), the imaged web page is named and saved (S135). The name to be given here is given in accordance with a predetermined rule. For example, a file name such as “2010xxxx01.bmp” is given.
こうしてS130又はS135を終えたら、続いてPC1は、保存フォルダを検索して“ClipList.ini”があるか確認する(S140)。ここで、“ClipList.ini”は、過去にクリップの保存を行っていれば存在するので(S145:YES)、その場合は、S155へ進む。 When S130 or S135 is completed in this way, the PC 1 subsequently searches the storage folder and checks whether “ClipList.ini” exists (S140). Here, “ClipList.ini” exists if the clip has been saved in the past (S145: YES). In this case, the process proceeds to S155.
一方、初めてクリップの保存を行う場合には、“ClipList.ini”が存在しないので(S145:NO)、その場合は、保存フォルダに“ClipList.ini”を作成して(S150)、S155へ進む。 On the other hand, when the clip is saved for the first time, “ClipList.ini” does not exist (S145: NO). In this case, “ClipList.ini” is created in the save folder (S150), and the process proceeds to S155. .
S155では、クリップ範囲を、画像上のクリップ領域の情報に変換する(S155)。これにより、画像上でのクリップ範囲の座標が確定するので、“ClipList.ini”にセクションを追加して、元画像の情報(クリップの切り出し元となったウェブページのビットマップイメージを示すファイル名、同ウェブページのURL)、及びクリップ領域の情報(クリップ範囲を示す座標;S155で確定した座標)を記述し(S160)、クリップ処理を終了する。 In S155, the clip range is converted into clip area information on the image (S155). As a result, the coordinates of the clip range on the image are fixed, so a section is added to “ClipList.ini” and information on the original image (file name indicating the bitmap image of the web page from which the clip is cut out) , URL of the web page) and clip area information (coordinates indicating the clip range; coordinates determined in S155) are described (S160), and the clip processing is terminated.
次に、クリップリスト開始処理及びクリップリスト終了処理について、図3に基づいて説明する。クリップリスト開始処理は、基本的には、ウェブブラウザ上のクリップリスト欄(図8(a)において図中左側にある欄)が開かれたときに実行される処理であり、クリップリスト終了処理は、ウェブブラウザ上のクリップリスト欄が閉じられたときに実行される処理である。このクリップリスト欄を開くか閉じるかは、ウェブブラウザが開かれている間に、利用者操作により任意に指定できる。 Next, the clip list start process and the clip list end process will be described with reference to FIG. The clip list start process is basically a process that is executed when the clip list field on the web browser (the field on the left side in FIG. 8A) is opened. The clip list end process is This process is executed when the clip list field on the web browser is closed. Whether the clip list field is opened or closed can be arbitrarily designated by a user operation while the web browser is opened.
また、ウェブブラウザを閉じる際に、クリップリスト欄が開かれていれば、クリップリスト終了処理が実行され、また、リスト表示用ペインが開かれていた旨は動的に記憶される。この場合、次にウェブブラウザが開かれる際には、動的に記憶された状態に基づき、クリップリスト欄が開かれて、クリップリスト開始処理が実行される。この他、上述のクリップ処理(図2参照。)の実行直後にも、クリップリスト開始処理が実行されることで、クリップリスト欄の更新が行われる。 If the clip list field is opened when the web browser is closed, the clip list end process is executed, and the fact that the list display pane has been opened is dynamically stored. In this case, the next time the web browser is opened, the clip list field is opened based on the dynamically stored state, and the clip list start process is executed. In addition, the clip list column is updated by executing the clip list start process immediately after execution of the above clip process (see FIG. 2).
クリップリスト開始処理を開始すると、PC1は、まず、保存フォルダを検索して“ClipList.ini”があるか確認する(S205)。ここで、“ClipList.ini”がない場合は(S210:NO)、PC1は、クリップリスト開始処理を終了する。 When the clip list start process is started, the PC 1 first searches the storage folder to check whether “ClipList.ini” exists (S205). If there is no “ClipList.ini” (S210: NO), the PC 1 ends the clip list start process.
一方、“ClipList.ini”がある場合(S210:YES)、PC1は、“ClipList.ini”を開いてセクションを列挙する(S215)。S215では、“ClipList.ini”の内容が読み込まれ、メモリ上でセクション単位の情報に展開される。 On the other hand, when “ClipList.ini” exists (S210: YES), the PC 1 opens “ClipList.ini” and lists sections (S215). In S215, the contents of “ClipList.ini” are read and expanded into section unit information on the memory.
続いて、S215で列挙されたセクションを一つずつ順に処理するため、PC1は、処理していないセクションがあるか否かを判断し(S220)、処理していないセクションがある場合は(S220:YES)、処理対象としているセクションからセクション名、元画像の情報(クリップの切り出し元となったウェブページのビットマップイメージを示すファイル名)、及びクリップ領域の情報(クリップ範囲を示す座標)を取得する(S225)。 Subsequently, since the sections listed in S215 are sequentially processed one by one, the PC 1 determines whether or not there is an unprocessed section (S220), and if there is an unprocessed section (S220: YES), obtain the section name, the original image information (file name indicating the bitmap image of the web page from which the clip was extracted), and the clip area information (coordinates indicating the clip range) from the section to be processed (S225).
続いて、PC1は、取得した元画像の情報について保存フォルダを検索して画像があるか確認する(S230)。ここで、例外的なトラブルがない限り、通常は、元画像があるので(S235:YES)、その場合、PC1は、取得したクリップ領域の情報を基にサムネイルを切り出し(S240)、クリップリスト欄にサムネイルを縮小して表示する(S245)。 Subsequently, the PC 1 searches the storage folder for the acquired original image information to check whether there is an image (S230). Here, unless there is an exceptional trouble, there is usually an original image (S235: YES). In that case, the PC 1 cuts out a thumbnail based on the acquired clip area information (S240), and a clip list field. The thumbnails are reduced and displayed (S245).
その結果、ウェブブラウザ上のクリップリスト欄には、図8(d)に例示するように、サムネイルが表示されることになる。なお、図8(d)に例示したサムネイルは、図8(c)に例示したクリップ範囲を指定し、そのクリップ範囲の保存が行われている場合の例である。このようなサムネイルを表示したら、PC1は、クリップの情報をメモリに保存して(S250)、S220へと戻る。 As a result, thumbnails are displayed in the clip list field on the web browser as illustrated in FIG. Note that the thumbnails illustrated in FIG. 8D are examples in which the clip range illustrated in FIG. 8C is specified and the clip range is stored. If such a thumbnail is displayed, the PC 1 stores the clip information in the memory (S250), and returns to S220.
なお、S230において、元画像がない場合は(S235:NO)、何らかの事情で“ClipList.ini”に無効なセクションが生じているので、PC1は、エラーを表示して“ClipList.ini”から処理中のセクションを削除し(S255)S220へと戻る。 In S230, if there is no original image (S235: NO), an invalid section has occurred in “ClipList.ini” for some reason, so PC1 displays an error and processes from “ClipList.ini”. The inside section is deleted (S255), and the process returns to S220.
以降、S215で列挙されたセクションがすべて処理されるまで、S225〜S255が繰り返される。そして、S215で列挙されたセクションがすべて処理されると(S220:NO)、PC1は、クリップリスト開始処理を終了する。 Thereafter, S225 to S255 are repeated until all the sections listed in S215 are processed. When all the sections listed in S215 are processed (S220: NO), the PC 1 ends the clip list start process.
なお、クリップリスト終了処理を開始すると、PC1は、“ClipList.ini”を閉じて(S305)、クリップリスト終了処理を終了する。
次に、クリップ領域の変更処理について、図4に基づいて説明する。この処理は、クリップリスト欄に表示されているサムネイル上で、利用者が右クリック操作を行って、図8(e)に例示するようなコンテキストメニューを表示し、そのメニューの中から「クリップ領域の変更」が選ばれた際に実行される処理である。
When the clip list end process is started, the PC 1 closes “ClipList.ini” (S305) and ends the clip list end process.
Next, the clip area changing process will be described with reference to FIG. In this process, the user performs a right-click operation on the thumbnail displayed in the clip list column to display a context menu as illustrated in FIG. 8E. This process is executed when “Change” is selected.
クリップ領域の変更処理を開始すると、PC1は、まず、対象のクリップの情報をメモリから読み込み(S405)、新たにウィンドウ(クリップ領域の変更画面)を作成し(S410)、変更画面の中心に対象のクリップの元画像を表示する(S415)。 When the clip area change process is started, the PC 1 first reads the information of the target clip from the memory (S405), creates a new window (clip area change screen) (S410), and sets the target clip at the center of the change screen. The original image of the clip is displayed (S415).
また、PC1は、処理対象としているクリップのクリップ領域の情報を変更画面上の選択範囲の情報に変換し(S420)、変更画面上の選択範囲の情報を基に、変更画面上に選択範囲を表示する(S425)。 Further, the PC 1 converts the clip area information of the clip to be processed into the selection range information on the change screen (S420), and based on the selection range information on the change screen, the selection range is displayed on the change screen. It is displayed (S425).
このとき、変更画面上において、選択範囲の内側となる画像は通常の色合いで表示し、選択範囲の外側となる画像は通常よりも淡色もしくは半透明で表示する(図8(f)参照。)。 At this time, on the change screen, the image inside the selection range is displayed in a normal color, and the image outside the selection range is displayed in a lighter color or translucent than usual (see FIG. 8F). .
続いて、PC1は、同一元画像クリップ表示処理を実行する(S430)。この同一元画像クリップ表示処理は、処理対象としているクリップ領域を含む元画像(ウェブページ全体の画像)の中に、さらに処理対象としているクリップ領域とは別のクリップ領域が含まれている場合に、そのような別のクリップ領域も変更画面上に併せて表示するために実行される処理である。このS430は、詳しくは図5(a)に示すような処理となる。 Subsequently, the PC 1 executes the same original image clip display process (S430). This same original image clip display processing is performed when the original image including the clip area to be processed (image of the entire web page) includes a clip area that is different from the clip area to be processed. This is a process executed for displaying such another clip area together on the change screen. This S430 is a process as shown in detail in FIG.
この同一元画像クリップ表示処理を開始すると、PC1は、変更対象のクリップ以外のクリップの情報をメモリから読み込む(S505)。このS505では、切り出されているクリップ領域が複数あれば、それらすべてに対応する情報が読み込まれる。また、このS505の段階では、同一元画像(同一ウェブページ)から切り出されたクリップ領域の情報か否かを問わず、すべての情報が読み込まれる。 When the same original image clip display process is started, the PC 1 reads information on clips other than the clip to be changed from the memory (S505). In S505, if there are a plurality of clip regions that have been cut out, information corresponding to all of them is read. In step S505, all information is read regardless of whether or not the clip area is cut out from the same original image (the same web page).
続いて、PC1は、処理していないクリップ情報があるか否かを判断する(S510)。このS510では、S505で読み込まれた情報が一つもない場合に否定判断がなされ(S510:NO)、その場合は、同一元画像クリップ表示処理を終了する。 Subsequently, the PC 1 determines whether there is unprocessed clip information (S510). In S510, if there is no information read in S505, a negative determination is made (S510: NO), and in this case, the same original image clip display process is terminated.
一方、処理していないクリップ情報がある場合(S510:YES)、PC1は、変更対象のクリップと元画像が同じか否かを判断する(S515)。S515では、この時点で判断の対象となっているクリップと、変更対象のクリップが、双方とも同じウェブページから切り出されたものである場合に肯定判断がなされる。一方、この時点で判断の対象となっているクリップが、変更対象のクリップとは別のウェブページから切り出されたものである場合には否定判断がなされる。 On the other hand, when there is unprocessed clip information (S510: YES), the PC 1 determines whether or not the clip to be changed and the original image are the same (S515). In S515, an affirmative determination is made when both the clip to be determined at this time point and the clip to be changed are cut out from the same web page. On the other hand, if the clip that is the object of determination at this time is cut out from a web page different from the clip to be changed, a negative determination is made.
なお、S515では、“ClipList.ini”のセクションに含まれるURL(S160において“ClipList.ini”に記述されたURL)を参照して、クリップの切り出し元となったウェブページが同じか否かの判断を行う。 In S515, referring to the URL included in the “ClipList.ini” section (the URL described in “ClipList.ini” in S160), it is determined whether or not the web page from which the clip is cut out is the same. Make a decision.
処理対象クリップと変更対象のクリップの元画像が同じである場合(S515:YES)、対象のクリップのクリップ領域の情報を変更画面上の選択範囲の情報に変換する(S520)。そして、変更画面上の選択範囲の情報を基に、変更画面上に選択範囲を変更対象のクリップと異なる色で表示して(S525)、S510へと戻る。S525により、変更画面上には、変更対象となる選択範囲に加え、この変更対象とは別のクリップ領域を示す選択範囲が別の色で表示される。 When the original image of the processing target clip and the change target clip is the same (S515: YES), the information of the clip area of the target clip is converted into the information of the selection range on the change screen (S520). Then, based on the information on the selection range on the change screen, the selection range is displayed in a color different from the clip to be changed on the change screen (S525), and the process returns to S510. In S525, in addition to the selection range to be changed, a selection range indicating a clip area different from the change target is displayed in a different color on the change screen.
なお、S515において、処理対象クリップと変更対象のクリップの元画像が異なる場合は(S515:YES)、追加で選択範囲を表示すべき対象ではないので、S520及びS525を実行することなく、S510へと戻る。 Note that if the original image of the processing target clip and the change target clip are different in S515 (S515: YES), the selection range is not to be additionally displayed, and the process proceeds to S510 without executing S520 and S525. And return.
以降、処理していないクリップ情報がある間は、S515〜S525が繰り返される。そして、S510において、処理していないクリップ情報がないとの判断がなされれば(S510:NO)、同一元画像クリップ表示処理を終了する。 Thereafter, S515 to S525 are repeated while there is unprocessed clip information. If it is determined in S510 that there is no unprocessed clip information (S510: NO), the same original image clip display process is terminated.
さて、同一元画像クリップ表示処理を終了すると、図4のS435へと進み、PC1は、変更対象切り替え処理を実行する(S435)。この変更対象切り替え処理は、S430で表示した別のクリップ領域がある場合に、変更対象となるクリップ領域を別のクリップ領域に切り替えるために実行される処理である。このS435は、詳しくは図5(b)に示すような処理となる。 When the same original image clip display process ends, the process proceeds to S435 in FIG. 4, and the PC 1 executes a change target switching process (S435). This change target switching process is a process executed to switch the clip area to be changed to another clip area when there is another clip area displayed in S430. This S435 is a process as shown in detail in FIG.
この変更対象切り替え処理を開始すると、PC1は、変更対象以外のクリップの選択範囲の内側で、右クリックがされたか否かを判断する(S605)。ここで、右クリックがされていなければ(S605:NO)、そのまま変更対象切り替え処理を終了する。 When the change target switching process is started, the PC 1 determines whether or not a right click has been performed within the selection range of clips other than the change target (S605). If the right click is not performed (S605: NO), the change target switching process is terminated as it is.
一方、右クリックがされていれば(S605:YES)、PC1は、コンテキストメニュー(クリップ領域を変更する)を表示する(S610)。ここで、メニューが選択された場合(S615:YES)、PC1は、メニューを選択したクリップの選択範囲の色を、新たに変更対象のクリップの選択範囲の色にする(S620)。一方、これまで変更対象であったクリップの選択範囲の色については、変更対象とはなっていない他の選択範囲の色と同じにする(S625)。 On the other hand, if the right click is performed (S605: YES), the PC 1 displays a context menu (changes the clip area) (S610). When the menu is selected (S615: YES), the PC 1 newly sets the color of the selection range of the clip selected from the menu to the color of the selection range of the clip to be changed (S620). On the other hand, the color of the selection range of the clip that has been changed so far is made the same as the color of the other selection range that has not been changed (S625).
そして、PC1は、メニューを選択したクリップを変更対象のクリップに変更し(S630)、S635へと進む。また、S610で表示したメニューが選択されなかった場合も(S615:NO)、S635へと進む。S635へ進むと、PC1は、メニュー(クリップ領域を変更する)を消して(S635)、変更対象切り替え処理を終了する。 Then, the PC 1 changes the clip whose menu is selected to the change target clip (S630), and proceeds to S635. Also, when the menu displayed in S610 is not selected (S615: NO), the process proceeds to S635. In step S635, the PC 1 deletes the menu (changes the clip area) (S635) and ends the change target switching process.
こうして変更対象切り替え処理を終了すると、図4のS440へと進み、変更確定ボタンである図示しないOKボタンが押されていなければ(S440:NO)、S435へと戻る。すなわち、PC1は、OKボタンが押されるまでは、変更対象の切り替え指示を何度でも受け付ける。 When the change target switching process is completed in this way, the process proceeds to S440 in FIG. 4, and if the OK button (not shown) that is the change confirmation button is not pressed (S440: NO), the process returns to S435. That is, the PC 1 accepts the change target switching instruction any number of times until the OK button is pressed.
また、S440においては、OKボタンが押される操作以外の操作として、PC1は、クリップ領域の範囲変更操作も受け付ける。クリップ領域の範囲変更操作は、例えば、図8(f)に破線で例示したような選択範囲を示す枠を対象にして、この枠を図9(a)中に矢印で示す方向へドラッグ操作することにより、この枠を拡大するような操作である。同様のドラッグ操作にて枠を縮小することもでき、あるいは、枠の角をドラッグ操作することで枠を拡大又は縮小することもできる。 In S440, the PC 1 accepts a clip area range changing operation as an operation other than the operation of pressing the OK button. The clip region range changing operation is performed by dragging the frame in the direction indicated by the arrow in FIG. 9A, for example, on the frame indicating the selection range as illustrated by the broken line in FIG. Thus, the operation is to enlarge this frame. The frame can be reduced by the same drag operation, or the frame can be enlarged or reduced by dragging the corner of the frame.
一方、S440において、OKボタンが押されたと判断された場合は(S440:YES)、これにてクリップ領域の変更を確定させる操作がなされたことになるので、PC1は、変更画面上の選択範囲の情報を取得し(S445)、取得した選択範囲の情報を元画像上のクリップ領域の情報に変換する(S450)。 On the other hand, if it is determined in S440 that the OK button has been pressed (S440: YES), an operation for confirming the change of the clip area has been performed, so that the PC 1 selects the selection range on the change screen. Is acquired (S445), and the acquired information on the selected range is converted into information on the clip area on the original image (S450).
そして、新しい座標の情報を基に元画像から新しいサムネイルを切り出し(S455)、メモリに格納された処理対象クリップの情報を更新し(S460)、“ClipList.ini”内にある処理対象クリップに対応するセクションの情報を更新する(S465)。すなわち、セクションに含まれるクリップ領域の情報(クリップ範囲を示す座標)を更新する。 Then, based on the new coordinate information, a new thumbnail is cut out from the original image (S455), the information of the processing target clip stored in the memory is updated (S460), and the processing target clip in “ClipList.ini” is supported. The information of the section to be updated is updated (S465). That is, the information on the clip area included in the section (coordinates indicating the clip range) is updated.
その後、ウィンドウ(クリップ領域の変更画面)を閉じ(S470)、処理対象クリップのサムネイルを表示し直して(S475)、クリップ領域の変更処理を終了する。S475が実行される結果、ウェブブラウザ上のクリップリスト欄には、図9(b)に示すように、図9(a)に示したように範囲変更がなされたクリップ領域のサムネイルが表示されることになる。 Thereafter, the window (clip area change screen) is closed (S470), the thumbnails of the clips to be processed are displayed again (S475), and the clip area change processing is terminated. As a result of the execution of S475, as shown in FIG. 9B, thumbnails of clip areas whose range has been changed as shown in FIG. 9A are displayed in the clip list field on the web browser. It will be.
次に、プレビュー処理について、図6に基づいて説明する。この処理は、利用者が所定の操作を行って印刷プレビューを指示した際に実行される処理である。この印刷プレビューは、クリップリストに登録されている1以上のクリップ(例えば、図9(c)に例示するクリップ。)を被記録媒体に印刷出力した際に、被記録媒体上のどのような位置にどのようなサイズでクリップが印刷出力されるのかを画面上で確認できるようにするために実行されるものである。 Next, the preview process will be described with reference to FIG. This process is a process executed when a user performs a predetermined operation to instruct a print preview. This print preview displays any position on the recording medium when one or more clips registered in the clip list (for example, the clip illustrated in FIG. 9C) are printed out on the recording medium. This is executed so that it is possible to confirm on the screen what size the clip is printed out.
プレビュー処理を開始すると、PC1は、まず、プレビュー対象のクリップの情報をメモリから読み込み(S705)、新たにウィンドウ(プレビュー画面)を作成する(S710)。 When the preview process is started, the PC 1 first reads information on the clip to be previewed from the memory (S705), and creates a new window (preview screen) (S710).
続いて、プレビュー対象のクリップすべてを処理するため、PC1は、処理していないプレビュー対象のクリップがあるか否かを判断する(S715)。ここで、未処理のクリップがあれば(S715:YES)、PC1は、プレビュー画面にサムネイル画像を左詰で表示し(S720)、処理対象としているクリップの情報をプレビュー用のメモリにコピーして(S725)、S715へ戻る。 Subsequently, in order to process all preview target clips, the PC 1 determines whether there is a preview target clip that has not been processed (S715). Here, if there is an unprocessed clip (S715: YES), the PC 1 displays the thumbnail image with left justification on the preview screen (S720), and copies the information of the clip to be processed to the preview memory. (S725), the process returns to S715.
このようにS715〜S725を繰り返すことにより、図9(d)に示すように、プレビュー画面となるウィンドウには、左詰でサムネイル画像が表示される。なお、図9(d)では、一つのサムネイル画像しか例示されていないが、二つ以上のサムネイル画像が表示される場合には、本実施形態の場合、すべてのサムネイル画像が左詰で縦方向に並べられる。 By repeating S715 to S725 in this way, as shown in FIG. 9D, the thumbnail image is displayed in a left-justified manner in the window serving as the preview screen. In FIG. 9D, only one thumbnail image is illustrated. However, when two or more thumbnail images are displayed, in the present embodiment, all thumbnail images are left-justified and vertically aligned. Are lined up.
なお、左詰とするか否かは任意であり、例えば、すべてのサムネイル画像を中央に揃えてもよいし、右詰としてもよい。あるいは、左詰とした結果、その右側に十分な余白が残れば、余白のサイズと次の画像のサイズとを考慮して、次の画像を前の画像の右隣に描画してもよい。さらに、これらの並べ方のいずれとするかを利用者が任意に選択したり、そのような選択内容を設定として記憶し、設定通りの並べ方となるようにしてもよい。 Whether or not to left-justify is arbitrary. For example, all thumbnail images may be aligned in the center or right-justified. Alternatively, as a result of left justification, if a sufficient margin is left on the right side, the next image may be drawn on the right side of the previous image in consideration of the size of the margin and the size of the next image. Furthermore, the user may arbitrarily select one of these arrangement methods, or such selection content may be stored as a setting so that the arrangement is performed as set.
以上のようなプレビュー画面上のサムネイル画像は、プレビュー画面に表示される外枠内を被記録媒体に相当する画像とみなして、その被記録媒体相当の画像と実際の被記録媒体の縮尺を考慮したサイズで、プレビュー画面上に描画される。したがって、利用者は、プレビュー画面を見て、被記録媒体上のどのような位置にどのようなサイズでクリップ画像が印刷されるのかを確認できる。 The thumbnail images on the preview screen as described above are regarded as images corresponding to the recording medium in the outer frame displayed on the preview screen, and the scale corresponding to the recording medium and the actual recording medium are considered. It is drawn on the preview screen with the size. Therefore, the user can check the preview screen and confirm at what position on the recording medium and at what size the clip image is printed.
さて、以上のような処理の結果、S715において未処理のクリップがないと判断されれば(S715:NO)、続いて、PC1は、プレビュー画面上であるサムネイルが右クリックされたか否かを判断する(S730)。ここで、右クリックされていれば(S730:YES)、PC1は、プレビュー領域変更処理を実行する(S735)。このS735は、詳しくは図7に示すような処理となる。 As a result of the above processing, if it is determined in S715 that there is no unprocessed clip (S715: NO), then the PC 1 determines whether or not a thumbnail on the preview screen has been right-clicked. (S730). Here, if it is right-clicked (S730: YES), the PC 1 executes a preview area changing process (S735). This S735 is a process as shown in detail in FIG.
プレビュー領域変更処理を開始すると、PC1は、右クリックされたサムネイルを対象にして、対象のサムネイルの周囲に選択範囲を表示する(S805)。また、対象のサムネイルのプレビュー画面上の表示位置を取得し(S810)、プレビュー用のメモリから対象のサムネイルの情報を取得して(S815)、対象のサムネイルの表示位置とクリップ領域の情報から、元画像の表示位置を決定する(S820)。 When the preview area change process is started, the PC 1 displays the selection range around the target thumbnail for the right-clicked thumbnail (S805). Also, the display position of the target thumbnail on the preview screen is acquired (S810), the information of the target thumbnail is acquired from the preview memory (S815), and the target thumbnail display position and the clip area information are obtained. The display position of the original image is determined (S820).
S820で決定される元画像(対象のサムネイルの切り出し元となったウェブページの画像)の表示位置は、プレビュー画面上において対象のサムネイルが表示されている位置は固定し、その位置を基準にして、クリップ範囲の周囲にあった元画像上の領域がサムネイルの周囲に配置されるような表示位置とされる。 The display position of the original image (the image of the web page from which the target thumbnail is cut out) determined in S820 is fixed at the position where the target thumbnail is displayed on the preview screen, and the position is used as a reference. The display position is such that the area on the original image around the clip range is arranged around the thumbnail.
そして、そのような表示位置が決まったら、PC1は、対象のサムネイルの背面に元画像を半透明で表示する(S825)。S825により、プレビュー画面上には、図9(e)に示すように、図9(d)に示したサムネイルの表示位置は固定したまま、その周囲に元画像(図8(b)参照。)のクリップ領域外の部分が描画される。 When such a display position is determined, the PC 1 displays the original image translucently on the back of the target thumbnail (S825). By S825, on the preview screen, as shown in FIG. 9E, the thumbnail display position shown in FIG. 9D is fixed and the original image is displayed around it (see FIG. 8B). The part outside the clip area is drawn.
続いて、PC1は、利用者がマウスのボタンを離した(すなわち、マウスアップ操作がなされた)か否かを判断し(S830)、マウスのボタンを離していなければ(S830:NO)、マウスが移動したか否かを判断する(S835)。なお、ここでマウスが移動していなければ(S835:NO)、S830へと戻り、S830〜S835が繰り返される。 Subsequently, the PC 1 determines whether or not the user has released the mouse button (that is, the mouse up operation has been performed) (S830). If the user has not released the mouse button (S830: NO), the PC 1 It is determined whether or not has moved (S835). If the mouse has not moved here (S835: NO), the process returns to S830, and S830 to S835 are repeated.
一方、S835でマウスが移動していれば(S835:YES)、PC1は、マウスの移動距離を取得し(S840)、選択範囲の中をドラッグしたか(S845)、あるいは選択範囲の周囲をドラッグしたか(S850)、これらを順に判断する。選択範囲の中をドラッグしておらず(S845:NO)、且つ選択範囲の周囲もドラッグしていない場合は(S850:NO)、S830へ戻る。 On the other hand, if the mouse has moved in S835 (S835: YES), the PC 1 obtains the moving distance of the mouse (S840), has dragged the selection range (S845), or drags around the selection range. Whether or not (S850), these are judged in order. If the selection range is not dragged (S845: NO) and the selection range is not dragged (S850: NO), the process returns to S830.
一方、選択範囲の中をドラッグした場合(S845:YES)、PC1は、取得した移動距離の分、元画像の表示位置を変更し(S855)、対象のサムネイルの背面に元画像を半透明で再表示する(S860)。また、PC1は、取得した移動距離のクリップ領域の情報を変更し(S865)、変更したクリップ領域の情報を基に元画像から新しいサムネイルを作成して(S870)、現在のサムネイルを削除して、新しいサムネイルを表示し(S875)、S830へ戻る。 On the other hand, when the selection range is dragged (S845: YES), the PC 1 changes the display position of the original image by the acquired movement distance (S855), and the original image is made translucent on the back of the target thumbnail. Redisplayed (S860). Also, the PC 1 changes the information of the clip area of the acquired moving distance (S865), creates a new thumbnail from the original image based on the changed clip area information (S870), and deletes the current thumbnail. A new thumbnail is displayed (S875), and the process returns to S830.
これらS855〜S875の処理により、元画像及びサムネイルは、図9(f)に例示するように、双方ともマウスの移動距離分だけ所定の方向(図9(f)に矢印で例示する移動距離及び方向)へ移動した位置に表示される。また、これらS855〜S875の処理は、マウスがドラッグ操作される間は繰り返されることになる。 Through these processes of S855 to S875, as illustrated in FIG. 9F, both the original image and the thumbnail are moved in the predetermined direction (the movement distance illustrated by the arrow in FIG. It is displayed at the position moved to (direction). Further, the processes of S855 to S875 are repeated while the mouse is dragged.
一方、このようなドラッグ操作がなされた後、利用者がマウスのボタンを離すとS830で肯定判断がなされる(S830:YES)。この場合、PC1は、元画像をプレビュー画面から消し(S880)、対象のサムネイルの周囲の選択範囲を消して(S885)、プレビュー領域変更処理を終了する。その結果、プレビュー画面上では、図10(a)に例示するように、元画像及びサムネイル周囲の選択範囲が消え、切り出し位置が更新されたクリップだけが表示された状態になる。 On the other hand, when the user releases the mouse button after such a drag operation, an affirmative determination is made in S830 (S830: YES). In this case, the PC 1 deletes the original image from the preview screen (S880), deletes the selection range around the target thumbnail (S885), and ends the preview area changing process. As a result, on the preview screen, as illustrated in FIG. 10A, the selection range around the original image and the thumbnail disappears, and only the clip whose cutout position is updated is displayed.
さて、このようなプレビュー領域変更処理が終了すると、図6のS730へと戻るが、ここでは、さらにサムネイルが右クリックされた場合を想定して、以下の説明を続ける。さらにサムネイルが右クリックされた場合、S730では肯定判断がなされ、PC1は、上述したプレビュー領域変更処理を実行する(S735)。 Now, when such a preview area changing process is completed, the process returns to S730 in FIG. 6. Here, the following description is continued assuming that the thumbnail is further right-clicked. If the thumbnail is further right-clicked, an affirmative determination is made in S730, and the PC 1 executes the preview area changing process described above (S735).
そして、図7のS805〜S825が実行されると、図10(a)に例示したサムネイルの周囲には、図10(b)に例示するように、再び元画像が半透明で表示される。この状態において、PC1では、上述したS830〜S835が繰り返される。 Then, when S805 to S825 in FIG. 7 are executed, the original image is again displayed semi-transparently around the thumbnail illustrated in FIG. 10A, as illustrated in FIG. 10B. In this state, in PC1, the above-described S830 to S835 are repeated.
このとき、利用者が選択範囲の周囲をマウスでドラッグすると(S850:YES)、PC1は、取得した移動距離のクリップ領域の情報を変更し(S865)、変更したクリップ領域の情報を基に元画像から新しいサムネイルを作成して(S870)、現在のサムネイルを削除して、新しいサムネイルを表示し(S875)、S830へ戻る。 At this time, if the user drags around the selection range with the mouse (S850: YES), the PC 1 changes the information of the clip area of the acquired movement distance (S865), and based on the information of the changed clip area. A new thumbnail is created from the image (S870), the current thumbnail is deleted, a new thumbnail is displayed (S875), and the process returns to S830.
これらS865〜S875の処理により、サムネイルの周囲の選択範囲は、図10(c)に例示するように、マウスの移動距離分だけ所定の方向(図10(c)に矢印で例示する移動距離及び方向)へ移動し、その選択範囲内が新たなサムネイルとして再描画される。 As a result of the processes in S865 to S875, the selection range around the thumbnail is set to a predetermined direction (the movement distance illustrated by the arrow in FIG. 10C) and the movement distance illustrated in FIG. 10C, as illustrated in FIG. The selected area is redrawn as a new thumbnail.
そして、このようなドラッグ操作がなされた後、利用者がマウスのボタンを離すとS830で肯定判断がなされるので(S830:YES)、PC1は、元画像をプレビュー画面から消し(S880)、対象のサムネイルの周囲の選択範囲を消し(S885)、プレビュー領域変更処理を終了する。 After such a drag operation is performed, if the user releases the mouse button, an affirmative determination is made in S830 (S830: YES), so the PC 1 deletes the original image from the preview screen (S880), and the target The selection range around the thumbnail is deleted (S885), and the preview area changing process is terminated.
なお、本実施形態では、クリップが左詰で印刷される仕様になっており、それに合わせてプレビュー画面上のサムネイルも左詰で表示されるので、上記のような選択範囲の変更に伴い、サムネイルの左方に余白が生じた場合、S885では、新たに生じた余白分だけサムネイルを左方へ移動させる処理も行われる。その結果、プレビュー画面上では、図10(d)に例示するように、元画像及びサムネイル周囲の選択範囲が消え、切り出し位置が更新されたクリップだけが表示された状態になる。 In this embodiment, the clip is printed with left justification, and the thumbnail on the preview screen is displayed with left justification accordingly. In the case where a margin is generated on the left side, a process of moving the thumbnail to the left by the amount of the newly generated margin is also performed in S885. As a result, on the preview screen, as illustrated in FIG. 10D, the selection range around the original image and the thumbnail disappears, and only the clip whose cutout position is updated is displayed.
さて、プレビュー領域変更処理が終了し、図6のS730へと戻った後、プレビュー画面上であるサムネイルが右クリックされていなければ(S730:NO)、PC1は、印刷を行うか否かを判断する(S740)。 When the preview area changing process is completed and the process returns to S730 in FIG. 6, if the thumbnail on the preview screen is not right-clicked (S730: NO), the PC 1 determines whether to perform printing. (S740).
ここで、利用者が印刷を指示する操作を行っていた場合(S740:YES)、PC1は、プレビュー画面を画像化してプリンタドライバをコールする(S745)。その結果、プリンタ3において、図10(e)に示すような印刷画像が印刷出力される。なお、S745を終えたら、PC1は、ウィンドウ(プレビュー画面)を閉じて(S750)、プレビュー処理を終了する。 If the user has performed an operation to instruct printing (S740: YES), the PC 1 images the preview screen and calls the printer driver (S745). As a result, the printer 3 prints out a print image as shown in FIG. When S745 is completed, the PC 1 closes the window (preview screen) (S750) and ends the preview process.
一方、S740において、印刷を行わないと判断された場合(S740:NO)、PC1は、キャンセルを行うか否かを判断する(S755)。ここで、利用者がキャンセルを指示する操作を行っていた場合(S755:YES)、PC1は、ウィンドウ(プレビュー画面)を閉じて(S750)、プレビュー処理を終了する。また、キャンセルを行わない場合は(S755:NO)、S730へと戻る。 On the other hand, when it is determined in S740 that printing is not performed (S740: NO), the PC 1 determines whether or not to cancel (S755). If the user has performed an operation to instruct cancellation (S755: YES), the PC 1 closes the window (preview screen) (S750) and ends the preview process. If no cancellation is performed (S755: NO), the process returns to S730.
[効果]
以上説明したとおり、上記のような処理を実行するPC1によれば、ウェブページからクリップ領域を切り出した後、切り出した範囲を変更したい場合には、きわめて簡単な操作で範囲変更を行うことができる。
[effect]
As described above, according to the PC 1 that executes the above-described processing, after the clip region is cut out from the web page, the range can be changed by a very simple operation when it is desired to change the cut-out range. .
したがって、利用者は、あらためて切り出し元のウェブページを開いて、切り出し範囲の選択をやり直すような面倒な作業を行わなくても済む。また、どのようなウェブページからクリップを切り出したのか、後日の段階で利用者が忘れていたとしても、何ら問題なく切り出し範囲を変更することができる。 Therefore, the user does not have to perform the troublesome work of opening the cutout web page again and selecting the cutout range again. Moreover, even if the user forgets what kind of web page the clip has been cut out at a later stage, the cutting range can be changed without any problem.
さらに、切り出し元のウェブページがネットワーク上から削除されている場合や、切り出し元ウェブページの内容が更新されて、欲しかった情報が無くなっていても、何ら問題なく切り出し範囲を変更することができる。 Furthermore, even when the cut-out source web page has been deleted from the network, or the content of the cut-out source web page has been updated and the desired information has disappeared, the cut-out range can be changed without any problem.
[変形例等]
以上、本発明の実施形態について説明したが、本発明は上記の具体的な一実施形態に限定されず、この他にも種々の形態で実施することができる。
[Modifications, etc.]
As mentioned above, although embodiment of this invention was described, this invention is not limited to said specific one Embodiment, In addition, it can implement with a various form.
例えば、上記実施形態では、同一元画像上から切り出されたクリップが複数ある場合には、図4に示すS430(詳しくは図5(a)に示すS505〜S525)により、それら複数のクリップの選択範囲を変更画面上に表示していたが、このような表示を行うか否かは任意である。すなわち、変更対象となる選択範囲だけを表示し、他の選択範囲は表示しないようにしてもよい。 For example, in the above embodiment, when there are a plurality of clips cut out from the same original image, the selection of the plurality of clips is performed by S430 shown in FIG. 4 (specifically, S505 to S525 shown in FIG. 5A). Although the range is displayed on the change screen, whether or not to perform such display is arbitrary. That is, only the selection range to be changed may be displayed and the other selection ranges may not be displayed.
また、複数のクリップの選択範囲を変更画面上に表示した場合に、図4に示すS435(詳しくは図5(b)に示すS605〜S635)により、変更対象となる選択範囲を切り替えることができるようにするか否かも任意である。例えば、図4に示すS430(詳しくは図5(a)に示すS505〜S525)により、それら複数のクリップの選択範囲を変更画面上に表示するものの、そのような情報表示を行うだけで、変更対象となる選択範囲を切り替えることはできない構成となっていてもよい。 Further, when a selection range of a plurality of clips is displayed on the change screen, the selection range to be changed can be switched by S435 shown in FIG. 4 (specifically, S605 to S635 shown in FIG. 5B). Whether or not to do so is also arbitrary. For example, although the selection range of the plurality of clips is displayed on the change screen by S430 shown in FIG. 4 (specifically, S505 to S525 shown in FIG. 5A), the change is made only by displaying such information. The configuration may be such that the target selection range cannot be switched.
加えて、上記実施形態では、PC1に上記処理を実行させるためのプログラムが、ウェブブラウザにプラグインとして組み込まれる例を示したが、上記処理を実行する機能をブラウザ自体で備えていてもよい。 In addition, although the example in which the program for causing the PC 1 to execute the above process is incorporated as a plug-in in the web browser has been described in the above embodiment, the browser itself may include a function for executing the above process.
また、上記実施形態では、PC1とプリンタ3が別体の装置として構成されている例を示したが、PC1に相当する程度のユーザーインターフェースがプリンタ3相当の機器に組み込まれている一体型の機器において、本発明の構成を採用することもできる。 In the above-described embodiment, an example in which the PC 1 and the printer 3 are configured as separate devices has been described. However, an integrated device in which a user interface equivalent to the PC 1 is incorporated in a device corresponding to the printer 3. The configuration of the present invention can also be adopted.
なお、以上説明した実施形態においては、PC1又はCPU11が本発明でいうコンピュータの一例に相当する。また、S105を実行するCPU11が本発明でいう第1選択指令受付手段の一例、S110〜S160を実行するCPU11が選択関連データ記憶制御手段の一例に相当する。また、S405〜S415、又はS705〜S725を実行するCPU11が本発明でいう選択画像表示手段の一例に相当する。また、S420〜S440、S730〜S735を実行するCPU11が選択領域変更指令受付手段の一例に相当する。また、S415,S825を実行するCPU11が周辺画像一時表示手段の一例に相当する。さらに、S465,S865を実行するCPU11が選択領域情報更新手段の一例に相当する。 In the embodiment described above, the PC 1 or the CPU 11 corresponds to an example of a computer according to the present invention. Further, an example of a first selection command accepting means for CPU 11 to execute the S105 is referred to in the present invention, CPU 11 to execute the S110~S160 corresponds to an example of the selected associated data storage control means. The CPU 11 that executes S405 to S415 or S705 to S725 corresponds to an example of the selected image display means in the present invention. Further, S420~S440, CPU11 that performs the S730~S735 corresponds to an example of a selection択領area change command receiving means. Further, S415, CPU 11 for executing S825 corresponds to an example of the peripheral image temporary display means. Further, CPU 11 for executing S465, S865 corresponds to an example of a selection択領zone information updating means.
1・・・パーソナルコンピュータ、3・・・プリンタ、5・・・WAN、7・・・ウェブサーバ、11・・・CPU、12・・・ROM、13・・・RAM、14・・・ハードディスク装置、15・・・操作部、16・・・表示部、17・・・ネットワークインターフェース、18・・・USBインターフェース。
DESCRIPTION OF SYMBOLS 1 ... Personal computer, 3 ... Printer, 5 ... WAN, 7 ... Web server, 11 ... CPU, 12 ... ROM, 13 ... RAM, 14 ... Hard disk device , 15 ... operation unit, 16 ... display unit, 17 ... network interface, 18 ... USB interface.
Claims (6)
表示装置の画面上に表示されたウェブページの一部の領域を選択する旨の利用者操作がなされた場合に、第1選択指令を受け付ける第1選択指令受付手段と、
前記第1選択指令受付手段によって前記第1選択指令を受け付けた場合に、前記ウェブページの中から、前記利用者操作で指定された前記一部の領域である選択領域の範囲内に表示される選択画像を抽出し、当該選択画像を前記表示装置の画面上にある選択画像表示領域に表示する選択画像表示手段と、
前記第1選択指令受付手段によって前記第1選択指令を受け付けた場合に、前記ウェブページを示す情報を記憶部に記憶する記憶手段と、
前記選択画像表示手段によって前記選択画像表示領域に表示された前記選択画像を特定する利用者操作がなされた場合に、第2選択指令を受け付ける第2選択指令受付手段と、
前記第2選択指令受付手段によって前記第2選択指令を受け付けた場合、前記利用者操作で特定された選択画像が抽出されたウェブページであって、前記記憶部に記憶された前記情報によって示されるウェブページを前記画面上に表示する表示手段
として機能させることを特徴とする画像処理プログラム。 Computer
If the user operation for selecting a partial area of the web page displayed on the screen of the display device is made, the first selection command accepting means for accepting a first selection command,
When receiving said first selection instruction by said first selection command receiving means, from among the web pages are displayed within the bounds of the user the specified by the operation, which is part of the region selection region extracting selected image, a selected image display means for displaying the selected image in the selected image display area that is on the screen of the display device,
Storage means for storing information indicating the web page in a storage unit when the first selection instruction is received by the first selection instruction receiving means;
If the user operation for specifying the selected image displayed on the selected image display area by said selected image display unit is made, a second selection instruction receiving means for receiving a second selection command,
When the second selection command is received by the second selection command receiving means , it is a web page from which the selected image specified by the user operation is extracted, and is indicated by the information stored in the storage unit An image processing program causing a web page to function as display means for displaying on a screen .
前記コンピュータを、
前記選択画像表示領域を表示または非表示とするかの選択を受け付ける選択受付手段と、
前記コンピュータにより前記ウェブブラウザプログラムが終了される際に、前記選択受付手段により前記選択画像表示領域を表示させる選択がなされていることを条件として、終了されている前記ウェブブラウザプログラムが新たに実行される際、表示される前記ウェブブラウザ内に前記選択画像表示領域を表示する選択画像領域表示手段
として機能させることを特徴とする請求項1記載の画像処理プログラム。 The selected image display area is displayed in a web browser displayed by a web browser program executed by the computer, and is displayed in the web browser when the web browser program is terminated. The selected screen display area is to be hidden on the screen,
The computer,
Selection accepting means for accepting selection of whether to display or hide the selected image display area;
When the web browser program is terminated by the computer, the terminated web browser program is newly executed on the condition that the selection accepting unit has selected to display the selected image display area. Selected image area display means for displaying the selected image display area in the displayed web browser
The image processing program according to claim 1, wherein the image processing program is made to function as:
前記表示手段は、前記第2選択指令受付手段によって前記第2選択指令を受け付けた場合、前記記憶部に記憶されたURLによって示されるウェブページとして、当該URLと対応付けて記憶されたウェブページデータを表示する
ことを特徴とする請求項5に記載の画像処理プログラム。
The storage means stores the URL of the web page and web page data indicating the web page in association with each other in the storage unit,
When the display unit receives the second selection command by the second selection command receiving unit, the web page data stored in association with the URL as the web page indicated by the URL stored in the storage unit The image processing program according to claim 5 , wherein the image processing program is displayed .
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013265174A JP5664756B2 (en) | 2013-12-24 | 2013-12-24 | Image processing program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013265174A JP5664756B2 (en) | 2013-12-24 | 2013-12-24 | Image processing program |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2011024127A Division JP5445483B2 (en) | 2011-02-07 | 2011-02-07 | Image processing program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2014102844A JP2014102844A (en) | 2014-06-05 |
| JP5664756B2 true JP5664756B2 (en) | 2015-02-04 |
Family
ID=51025235
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2013265174A Active JP5664756B2 (en) | 2013-12-24 | 2013-12-24 | Image processing program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5664756B2 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP6528622B2 (en) * | 2015-09-18 | 2019-06-12 | 富士通クライアントコンピューティング株式会社 | IMAGE DISPLAY DEVICE, IMAGE DISPLAY METHOD, AND IMAGE DISPLAY PROGRAM |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090109337A1 (en) * | 2006-03-27 | 2009-04-30 | Pioneer Corporation | Video display apparatus and video display method |
| JP5306078B2 (en) * | 2009-06-30 | 2013-10-02 | キヤノン株式会社 | Information processing apparatus, information processing method, and program |
-
2013
- 2013-12-24 JP JP2013265174A patent/JP5664756B2/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| JP2014102844A (en) | 2014-06-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5445483B2 (en) | Image processing program | |
| EP2610732B1 (en) | Print control device and computer-readable storage medium storing a program | |
| US10691385B2 (en) | Image processing apparatus, image processing method, and storage medium in which a text element and an image element are arranged based on layouts in a webpage | |
| US10481776B2 (en) | Server apparatus, client apparatus, information processing method, and storage medium | |
| JP2006074592A (en) | Electronic album editing apparatus, control method thereof, program thereof, and storage medium storing the program in a computer-readable manner | |
| JP2006277056A (en) | Information processing apparatus and program | |
| JP5067459B2 (en) | Image formation control program and image processing apparatus | |
| JP5655347B2 (en) | Image processing control program and image forming apparatus | |
| JP5062315B2 (en) | Image processing program | |
| JP2006012038A (en) | Information processing apparatus, image editing apparatus, control method therefor, computer program, and computer-readable storage medium | |
| JP5664756B2 (en) | Image processing program | |
| JP2019134347A (en) | Control program and information processing apparatus | |
| US20100185944A1 (en) | Layout apparatus, layout method, and storage medium | |
| JP6566850B2 (en) | Information processing system, information processing system control method, information processing apparatus, and program | |
| JP2011013770A (en) | Apparatus and method for processing image, and program | |
| JP6272010B2 (en) | Printing system, printing method, and program | |
| JP2008040753A (en) | Image processing apparatus, method, program, and recording medium | |
| JP6379858B2 (en) | Printer driver, setting reception method and setting reception device | |
| JP2006072824A (en) | Electronic album editing apparatus, control method thereof, program thereof, and storage medium storing the program in a computer-readable manner | |
| JP2008041003A (en) | Document display processor and document display processing program | |
| JP5942649B2 (en) | Image forming apparatus and program | |
| JP2015049656A (en) | Information processing apparatus, method, and program | |
| JP2007026279A (en) | Object editing apparatus, method, and program | |
| JP7287013B2 (en) | Control program and information processing device | |
| JP4605277B2 (en) | Printing apparatus and program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20141111 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20141124 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5664756 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |