JPH11219242A - Method for generating page - Google Patents

Abstract

PROBLEM TO BE SOLVED: To change the attribute of a character in accordance with the picture of a background by comparing an average color with the color of a character string and changing the color of the character string when color difference between them is small and the character string is superimposed on its area. SOLUTION: A page description document which is described in a read template is analyzed, the color of the character defined as default is inspected, the template is analyzed and the coordinate of the character string arranged in the page is obtained. A picture file name 335 and a mask file name 340 are inspected, the respective files are read and a mask area 350 in a coordinate system on the page is obtained. It is judged whether the coordinate of the character string enters in the mask area 350 of the mask file or not. When the character string enters into the mask area, it is expected that the character string is superimposed on the mask area so that the color of the character string is compared with that of a picture area corresponding to the mask area. When the color of the character string and that of the picture area are the similar ones, the color of the character string is changed based on the table 370.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a software system for generating a page in which an image and a character are superimposed on each other, when an image is selected by a database search result or when an image is replaced by an event process. The present invention relates to a method for automatically adjusting the color and the like of superimposed characters.

[0002]

2. Description of the Related Art The following documents are related to the present invention.

(A) "Cascading Style Sheets, Le
vel1 ”, W3C homepage (<Url> http: /// w
ww. w3. org /), W3C Recommendation, 1
7 Dec. 1996. This is an explanation of the style sheet recommended by the W3C, and there is a matter regarding the nature of the background in this. According to this, a specific color can be painted on the background of a page or an image can be pasted.

(B) Katsumi Kawasaki, "JavaScript Master Bible", pp. 53-55, December 25, 1996
The first edition is published. Java S is a fade-in that changes the screen from black to white.
It is the content of programming using cript.
In this document, the background color of the page is gradually changed using the time interval to be changed and the degree of the color to be changed as parameters.

(C) "Exploring the whole picture of Netscape Communicator", Oh! PC No.286, pp.167-171,1
Published on June 15, 997 Includes the description of the HTML (Hyper Text Markup Language) extended tag <LAYER>. Using this tag allows one image to be organized with multiple objects, and displays the objects in sequence. The content is that you can do it.

[0006]

The conventional method has the following problems.

(1) In the prior art a, a character string or an image described by an HTML tag is automatically arranged in a page. Further, the page has a background, the background can be colored, and an image can be pasted.

However, since images pasted on these backgrounds are pasted irrespective of the image or character string arranged by the HTML tag, the situation in which the character string overlaps with the background image and makes it difficult to see is described. You can't know before you create it. Also, if the background image is fixed, you can test the legibility of the characters by overlaying a character string on the image, but check the visibility in advance when an arbitrary image is selected. Can not do it.

A first object of the present invention is to prevent a situation in which a character string and a picture pattern of an image are superimposed on each other to make it difficult to read characters when an image to be pasted on a background is not known in advance.
That is, the attribute of a character is changed according to the background image.

(2) The prior art b is capable of dynamically changing a page by generating an HTML document. Here, the background of the screen is gradually changed from black to gray to white using JavaScript. If this is applied, the background picture can be changed by time control, or switched in response to a mouse event.

However, the arrangement of the colors included in the moving image differs depending on the image of each frame, and the background moving image
Since it is pasted irrespective of the character string arranged by the ML tag, the situation where the character string of similar color and the background overlap,
I couldn't know before generating the page.

A second object of the present invention is to prevent the color of a character string from becoming similar to the background near the character when the background is a moving image. The color of the moving image is monitored for the portion where the column is displayed, and the color of the character is changed according to the frame.

(3) In the prior art c, a plurality of objects can be sequentially overlapped to form one image by using an HTML extension tag <LAYER>. That is, not only a combination of two objects, a background and a foreground, but also a large number of objects can be arranged on one page.

At this time, if the image to be used is a moving image, the hue of the image changes every moment, so that the boundary of the superimposed objects may be difficult to understand.

A third object of the present invention is to create a page by superimposing a plurality of objects on objects other than characters constituting a page so that even if objects of similar colors overlap, their boundaries can be recognized. It is to do.

[0016]

In order to solve the first problem, the present invention has mask data for separating an area in an image into a plurality of areas, and a file of the mask data and an image file are paired. And a process for reading out the corresponding mask data when an image is selected by a viewer for viewing a page. Further, a process for obtaining coordinates at which a character string is arranged on a page is provided, and a process for determining whether the coordinates are inside or outside the mask area is provided. In addition, a table for defining an average color of the image area corresponding to the mask area is prepared.

Thus, when an arbitrary image is selected from among the images registered in the database by searching, or when images are replaced every moment by event processing, it is determined whether a character string is arranged in the mask area of the image. It is possible to know whether or not the color of the image area is similar to the color of the character string.

In the present invention, in order to solve the second problem,
A process for solving the first problem and a process for examining a color forming an area in each frame of a moving image with respect to an area for displaying a character string in a page are provided. In addition, for a case where the representative color is set as the background color, a table that describes the color of the character string shining against the background color is provided, and a process of changing the color of the character string according to the background color is provided.

Thus, when the background is a moving image, it is possible to know a situation in which the image and the character string are difficult to see because the colors are similar colors, and the character overwritten on the image is difficult to see. Can be prevented.

In the present invention, in order to solve the third problem,
A process for solving the first problem and a process for examining a color constituting an image region corresponding to a region indicated by mask data in all objects are provided. Further, when each object is arranged in a page, a process for obtaining coordinates of each object on the page is provided, and a process for examining a combination of overlapping objects is provided. When the colors of the overlapping objects are similar colors, a process for forming a frame in one of the objects is provided.

Thus, if there are overlapping objects among the objects arranged on the page and the colors of these objects are similar, the border of the objects can be clearly indicated by the frame. Even on a page in which images of a plurality of similar colors overlap, each image can be distinguished.

[0022]

DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail.

FIG. 1 is a flowchart showing a process for realizing the present invention. FIG. 2 is an explanatory view showing an example of a screen display for explaining the effect of the present invention, and FIG. 3 is a list of data tables used in the present invention.

Screen display 200 in FIG. 2 is a screen assuming shopping on the Internet, and is a product introduction screen displayed on a terminal used by the user. In this case, the character string of the product name to be introduced is arranged at the beginning of the page, and the product image 220 is arranged below it. Further, a character string 230 such as a price or a product description is overwritten at a position overlapping the product image. Here, in order to arrange an image or a character string in a page, a template prepared in a page description document prepared in advance is referred to as a template. The template can be described so that the product image 220 and the character string 230 do not overlap.
And the character string 230 in some cases. This is because if the size of the product image 220 is increased, not only the appearance of the page but also the details of the product become easy to understand, and the product image 220 and the character string 230 of the price and the product description are displayed.
Should be placed as close as possible.

At this time, the character string 230 such as the price is extremely important information for shopping.
When the product image 220 and the character string 230 displayed at 0 are fixed, it is necessary to test in advance whether the character string 230 is superimposed on the product image 220 to make the character string 230 difficult to see. However, when searching for a product desired by the user from the database or when the product image 220 is a moving image, it is not possible to test the visibility by superimposing the character string 230 in advance.

Therefore, when generating a page on the server,
When the process is started in step 100, first, a process of reading a template file is performed in step 110. Next, the page description document described in the read template is analyzed, and the color of the character defined as the default is checked in step 120. In HTML, the color of the character string is described by BODY TEXT = “# rrggbb” or FONT COLOR = “# rrggbb”. If these tags are retrieved from the page description document, the color of the character string can be easily changed to “rrggbb”. "Can be specified. Note that rrggbb is a hexadecimal six-digit number. The first two digits indicate a red component, the next two digits indicate a green component, and the last two digits indicate a blue component.

In step 130, the template file is analyzed to determine the coordinates of the character string arranged on the page. At this time, it is assumed that the page size is fixed when the page is opened because the appearance is poor if many images are arranged like tiles. In addition, it is assumed that the character font size, character spacing, and margin are known. Furthermore, the description 315 of the product, which is the content of the character string, and the price 320
Are described in the table 300 and can be retrieved from the database using the product classification code 305 and the product code 310 as keywords. That is, when the left margin of the page is M, the width of one character is S, and the space between characters is D, the (n + 1) th character is left-justified and 2M + n
As long as × (S + D) does not exceed the width of the page, it is written at the position of M + n · (S + D) in the first row.

Next, in step 140, the image file name 335 and the mask file name 340 are checked, these files are read, and the mask area 350 in the coordinate system on the page is obtained. These file names can be checked from the table 325 using the product code 330, which is a unique number assigned to the product, as a keyword. As described above, if the table of the image file and the table of the product information are separated, only the limited table needs to be edited when the price or the like changes.

In step 150, it is determined whether or not the coordinates of the character string fall within the mask area 350 of the mask file. If the character string is within the mask area, the process proceeds to step 160, and if the character string is outside the mask area, the process branches to step 180.

In step 160, since the character string and the mask area should overlap, the color of the character string is compared with the color of the image area corresponding to the mask area. The color of the image area is described in the table 355, and the area code which is a unique number added to the mask area can be searched for as a keyword. If it is determined in step 160 that the color of the character string is similar to the color of the image area, the process proceeds to step 170; otherwise, the process jumps to step 180. However, when the color of the character string is Cm and the color of the image area is Cb, when | Cm−Cb | ÷ Cb <α (α is a constant), these colors are determined to be similar colors.

In step 170, the color of the character string is changed based on the table 370. The table 370 describes a symmetrical color 380 indicating which color of a character appears with respect to a background color 375. If the character color to be used is determined in step 170, step 180
, The page description language of the character color is rewritten, and the page generation processing ends in step 190.

However, in step 170 in FIG. 1, the character color is changed. In some cases, the visibility is improved by changing the font of the character, or the character size is changed by changing the character size. In some cases. In such a case, a physical style tag <B> or the like is added instead of a page description related to the character color, or a font size tag <FONT>
SIZE = “n”> is additionally described in the page description document.

Further, depending on the purpose of the page, there may be a case where a specific character is intentionally made difficult to see. In such a case, a color similar to the color of the image area is used as the character color. In this case, if a similar color is defined in the column of the symmetric color 380 of the table 370, the processing itself does not change.

FIG. 4 is a hardware configuration diagram for implementing the present invention. FIG. 5 is an object-related diagram showing a configuration of a functional object for realizing the present invention.

The display screen 200 is a screen displayed on the display device 400 of the client 460. The user uses the command input device 405 to perform input such as selection of a product. The client 460 is connected to a network such as the Internet 430 through the communication device 415, and can acquire data from a server connected to the Internet. That is, the HTTP client program executes well-kn on the remote host.
When establishing a TCP connection to the own port and sending a request to the HTTP server, the HTTP server returns a response message. At this time, the client 460 communicates with the processor 41
0 and a storage device 420, and a client program and data are placed on the storage device 420. The client program is driven by the processor 410. In addition, bus 42
These devices are connected by a bus 425.
Data travels between devices.

On the other hand, the server 470
Establish a TCP connection between 0 and transfer a byte stream file to the client's local protocol port. Therefore, a communication device 435 for connecting to the Internet, a storage device 440 for storing server programs and data, a processor 445 for executing programs, and a bus 450 for connecting those devices are required. Further, the storage device 440 stores the function 5 of the WWW server.
A program having a function 510 for dynamically generating an HTML file, a program having a function 520 for analyzing a page description document, and a program having a function 540 for connecting to a database and searching for data. , A program having an image analyzing function 550 and a template file 530 are stored.
Here, the page description document analysis function 520 reads the template file 530 and separates a character string included in the document into a page description language and variables and constants. Also, dynamic H
The TML generation function 510 includes a page description document analysis function 52.
0 based on the analysis result of
0 is inquired about the search result, or the image analysis function 550 is inquired about the color of the image, and the result is substituted into the variable part to complete the page description document. The dynamically generated HTML file is sent to the client 460.

FIG. 6 is an explanatory diagram relating to a mechanism for managing the color of an image area when the background is a moving image. It is assumed that there are two regions on the page 600, and the description of the product is displayed in the region 1 (610) and the price of the product is displayed in the region 2 (620). This area has the meaning of a partial area in the page, similar to the area code 350 in FIG. 3. At this time, the character string describing the description of the product and the character string describing the price are written in different colors. Is also good.

At this time, the colors of the two image areas are managed in a table as shown in FIG. The time axis 630 manages each frame of the moving image by time, and the frames 640 of the moving image are arranged in chronological order. A row 650 for managing the area 1 and a row 660 for managing the area 2 are represented by a graph in which the vertical axis represents color values and the horizontal axis represents time. In the case of FIG. 6, the color of the image area corresponding to the area 2 is the first three frames 6
70 is C3, and frames 680 after the sixth frame
Is C4, and changes from color C3 to color C4 according to the function F2 from frame 4 to frame 5. This management table has the same function as the table 355 in FIG. 3, and the color of the character string overwritten on the moving image is the table 370.
, A symmetric color 380 corresponding to the color 375 is determined.

FIG. 7 shows the character string 23 on the table image 220.
FIG. 9 is an explanatory diagram of a mechanism for managing the color of each image when another image is superimposed instead of 0. At this time, instead of data conversion of the image data itself, a page description for adding an image frame to the page description document is added. Thereby, a plurality of images 7 are displayed on the page 700.
10, when a page in which the image 720 is arranged at a position overlapping the image 10 is generated, it is possible to prevent the boundary of each image from being lost. Page 7 for simplicity
00 contains two images, and the image 710 is a still image, and only the image 2 is a moving image. The time axis 730 manages each frame of the moving image by time, and the frames 740 of the moving image are arranged in chronological order. Image 1
And a row 760 for managing the image 2 are represented by a graph with the color value on the vertical axis and the time on the horizontal axis. In FIG. 7, since image 1 is a still image, its color C1 is constant with respect to the time axis, and all frames 785 of image 1 are C1. Image 2 is a moving image, and three frames 7 of the head
It is assumed that the color of 70 changes to C2, the next four frames 780 change to C3, the last four frames 775 change to C4, and the colors of C1 and C3 are similar colors. At this time, in frame 770 and frame 775, image 2 is displayed as it is, and in frame 780
Then, the image 2 is displayed with a frame.

[0040]

As described above, according to the present invention,
When the image to be pasted on the background is not known in advance, it is possible to prevent a situation in which the character string and the image pattern overlap and the character becomes difficult to read, and it is possible to change the attribute of the character according to the background image it can.

Further, according to the present invention, when the background is a moving image, it is possible to monitor the color of the character string so as not to be similar to the background in the vicinity of the character. The color of the character string can be changed according to the frame.

Further, according to the present invention, when a page is generated by superimposing a plurality of objects on objects other than characters constituting a page, even if objects of similar colors overlap, their boundaries can be recognized. can do.

[Brief description of the drawings]

FIG. 1 is a flowchart showing a process for realizing the present invention.

FIG. 2 is an explanatory diagram showing an image display example for explaining the effect of the present invention.

FIG. 3 is a list of data tables used in the present invention.

FIG. 4 is a hardware configuration diagram for implementing the present invention.

FIG. 5 is an object relation diagram showing a configuration of a functional object for realizing the present invention.

FIG. 6 is an explanatory diagram relating to a mechanism for managing the color of an image area when the background is a moving image.

FIG. 7 is an explanatory diagram of a mechanism for managing colors of each image when a plurality of images are superimposed on a page.

──────────────────────────────────────────────────続 き Continued on the front page (51) Int.Cl. ⁶ Identification code FIG06F 15/66 310

Claims (6)

[Claims] 1. A computer system comprising: a page in which an image and a character string overlap each other; and a means for holding an image, a means for analyzing the color of an image, and a means for generating a page based on the analysis result. A software system operating on the above, including a process of obtaining an average color for a partial area of an image, a process of obtaining a position of a character string on a page, and a process of comparing the average color and the color of a character string. A method of changing the color of the character string when the color difference is small and the character string overlaps the area. 2. A software system according to claim 1, wherein an average color is calculated for a partial area of the image, a character string position on a page is calculated, and a character string color is compared with the average color. And a process for changing the attribute of the character string other than the color when the color difference between the two is small and the character string overlaps the area. 3. The software system according to claim 1, wherein a process of obtaining an average color for a partial area of the image, a process of obtaining a position of a character string on a page, and a process of comparing the average color with the color of the character string. And a process for changing the color of the character string to a color similar to the image when the character string and the area overlap. 4. The software system according to claim 1, wherein a process of obtaining an average color for a partial area of the image, a process of obtaining a position of a character string on a page, and a process of comparing the average color with the color of the character string A page generation method having a process of moving the position of the character string on the page when the color difference between the two is small and the character string overlaps the area. 5. The software system according to claim 1, further comprising, when the image is a moving image, a process of obtaining an average color of each frame in a region overlapping with the character string, and a process of comparing the average color with the color of the character string. A page generation method including a process of changing the color of a character string when the color difference between the two becomes small. 6. A computer system having a means for generating a page in which a plurality of images overlap with each other, comprising means for holding an image, means for analyzing the color of an image, and means for generating a page based on the analysis result. A software system that operates and has a process of determining the position of each image on a page, a process of comparing colors included in each image, and a process of determining whether images with small color differences overlap each other. A page generation method including a process of adding a frame to one image when the images overlap.