JP2001202128A - Method and device for generating picture data and recording medium - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide picture data generation method and device and a recording medium capable of easily generating picture data using parts using an image different from an exclusive image. SOLUTION: Picture data including arranging plural parts such as lamps and switches corresponding to respective operation states of a PCL are generated by a personal computer 9. In order to change images corresponding to respective parts, an image generated by a user himself is specified with pass information, deformed so as to be matched with the shape of the original image and arranged on the position arranging the original image in a plotting area to generate picture data including the pass information, image data and position data.

Description

DETAILED DESCRIPTION OF THE INVENTION

[0001]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a control device such as a programmable controller or a device such as a monitoring device for monitoring the operation state of a device. A method of creating screen data for creating a screen data for operating a display device that displays in accordance with an operation state, an apparatus for creating screen data used for the implementation, and a computer program for causing a computer to function as the screen data creating apparatus are recorded. Related to a recording medium.

[0002]

2. Description of the Related Art A programmable controller (PL)
C), a display device that displays the operation of the PLC based on the operating states of components such as lamps and switches that display images, and displays operation data (screen data) for the operation.
It is created in advance by a personal computer.

[0003] Parts such as a lamp and a switch are associated with two images each representing an ON / OFF operation state, and the display device switches and displays the images according to the operation of the PLC. ing.

In order to create screen data including such components, a personal computer, for example, displays an image indicating the possible operating states of the components as shown in FIG.
The data is associated with the operation state of the LC, and data in a unique format representing a component is stored in a storage device such as a hard disk in advance. The screen data is created by the user selecting a part and arranging the part at a desired position in the drawing area of the screen.

[0005] An image prepared in advance is associated with such a component. However, there are cases where a user wants to configure a component using an image prepared by the user. Such an image prepared by the user himself is in bitmap format or J
In many cases, the data is in a standard format such as the PEG format. In a conventional screen data creation device, in order to use an image held as data in such a format as a component, a read bitmap format or Using an image in the JPEG format or the like, data of a component in a unique format is once generated and can be selected together with a component prepared in advance.

[0006]

However, in the conventional screen data generating apparatus as described above, when an image prepared by the user is used as a part, the image data in the read bitmap format or JPEG format is used. do it,
There has been a problem that it is necessary to generate the data of the parts in a unique format.

In order to match the shape of the image prepared by the user with the shape of the image associated with the other operation state of the component, the same shape as the image associated with the other operation state is required. It was necessary to generate part data after specifying the shape. Therefore, in order to match two images to the same shape, it is necessary to check the shape of the image associated with the other operation state in advance, or to predict and specify the shape, and the operation is complicated. There was a problem.

In the case where two images associated with one component have different shapes (for example, one is a vertically long rectangle and the other is a horizontally long rectangle), the same shape can be used. However, in order to match the shapes of the two images, there is a problem in that the shape must be adjusted again to generate a part.

In the case of a part using an image prepared by the user, when the image is deformed, data of the part using the image is generated once, and the image read from the generated data of the part is deformed. For example, if the image is reduced and the data of a part including the image is generated, the information amount of the image decreases, and when the image is deformed again, the image with the reduced information amount is used. Further deformation is caused, and there is a problem that image quality is deteriorated.

The present invention has been made in view of the above-described circumstances, and when changing the image of a component arranged in a drawing area, an image in a data format such as a bitmap format or a JPEG format is converted to pass information. Screen data creation method that greatly improves the operability by eliminating the need to once generate the data of the original format component by arranging the target image at the position where the component image is arranged,
It is an object of the present invention to provide a screen data creation device used for the implementation and a recording medium in which a computer program for causing a computer to function as the screen data creation device is recorded.

Another object of the present invention is to change the image of a component placed by a user in a drawing area to a specified image in accordance with the shape of the image associated with the component. By deforming the image, the user can automatically deform the specified image into an appropriate shape simply by specifying the desired image by the path information without explicitly deforming the shape by the user. Another object of the present invention is to provide a screen data creation method, a screen data creation apparatus, and a recording medium that can improve workability as compared with the related art.

Still another object of the present invention is to change each image associated with one component to an image having a different shape, and to convert each image to an image associated with the component. By deforming according to the shape, it is not necessary to individually deform the designated images, and the designated images can be transformed into the same shape, thereby improving workability as compared with the related art. An object of the present invention is to provide a screen data creation method, a screen data creation device, and a recording medium that can be used.

Still another object of the present invention is to perform an image deformation using an image specified by path information each time a request for deformation and re-deformation of an image of a part is received, and based on the deformed image. By providing screen data, for example, there is provided a screen data creation method and a screen data creation apparatus in which image quality is less deteriorated compared to a case of further deforming using an image in which the amount of information has been reduced due to deformation such as reduction. is there.

Still another object of the present invention is to provide a method for transforming an image of a component arranged in a drawing area, wherein each image associated with each operation state of the component is transformed. It is an object of the present invention to provide a screen data creation method and a screen data creation apparatus that can greatly improve operability as compared with the case of individually deforming by deforming to the same shape according to an instruction.

Still another object of the present invention is to prepare an image in advance by specifying an image by a relative path even if the program is stored in a position different from an assumed position (directory). To provide a screen data creation method and a screen data creation device capable of specifying an image.

[0016]

According to a first aspect of the present invention, there is provided a screen data creating method for setting or displaying an operation state of a target device, and displaying an image associated with each of the plurality of operation states on a display device for displaying. In the screen data creation method for creating screen data including a screen for displaying, the image arranged in an appropriate shape at an appropriate position in a predetermined image forming area is designated by path information indicating a position where the image is stored. A first step of receiving an instruction to change to the modified image, a second step of transforming the image specified by the path information into the appropriate shape, a third step of arranging the transformed image at the appropriate position, A step of creating screen data including path information, data representing the deformed image, and data representing the appropriate position.

The screen data creating method according to a second aspect of the present invention is the screen data creating method according to the first aspect of the present invention, wherein a fifth step of receiving an instruction to further deform the deformed image; The method further comprises: a sixth step of transforming the image specified by the above into a shape according to the instruction; and a seventh step of creating screen data based on the image transformed in the sixth step.

According to a third aspect of the invention, there is provided a screen data creation method according to the first or second aspect, wherein the path information is a relative path.

According to a fourth aspect of the present invention, there is provided a screen data creating apparatus for setting or displaying an operation state of a target device.
In a screen data creation device that creates screen data including a screen for displaying an image associated with each of the plurality of operation states, the image arranged in an appropriate shape at an appropriate position in a predetermined image creation area, A receiving unit that receives an instruction to change to an image specified by path information indicating a position where the image is stored, and a deforming unit that deforms the image specified by the path information into the appropriate shape,
Arranging means for arranging the image deformed by the deforming means at the appropriate position; data creating means for creating screen data including the path information, data representing the deformed image and data representing the appropriate position; Storage means for storing the screen data created by the data creation means.

According to a fifth aspect of the present invention, in the screen data generating apparatus according to the fourth aspect, there is provided a receiving means for receiving an instruction to further deform the deformed image, and an instruction received by the receiving means. Re-deformation means for deforming the image specified by the path information into a shape according to an instruction, wherein the data creation means creates screen data based on the image transformed by the re-deformation means. It is characterized by being done.

According to a sixth aspect of the present invention, in the screen data creating apparatus according to the fourth or fifth aspect, the path information is a relative path.

A recording medium according to a seventh aspect of the present invention includes a screen for displaying an image associated with each of the plurality of operation states on a display device for setting or displaying the operation state of the target apparatus in a computer. On a computer-readable recording medium on which a program for creating screen data is recorded, the computer displays the image arranged in an appropriate shape at an appropriate position in a predetermined image forming area,
Program code means for receiving an instruction to change to the image specified by the path information indicating the position where it is stored; program code means for transforming the image specified by the path information into the appropriate shape;
A program having program code means for arranging the deformed image at the appropriate position and program code means for creating screen data including the path information, data representing the deformed image and data representing the appropriate position is recorded by a computer. It is characterized by having.

According to the first, fourth, and seventh aspects of the present invention, when an image associated with a component arranged in a drawing area is changed to an image specified by path information, Is modified in accordance with the shape of the image associated with the component, and is arranged at the position where the image associated with the component was arranged. For this reason, when using the image prepared by the user, the user simply designates the image prepared by the user with the path information, the image is arranged at a required position in the drawing area in a required shape, and once the original format component is used. The layout can be performed in the drawing area without generating data, and the operability can be greatly improved.

Further, since the image is designated by the path information which is the designation information of the standard data, the image prepared by the user can be easily designated.

Further, by deforming the specified image according to the shape of the image associated with the component, the user can specify the desired image by the path information without explicitly changing the shape. Only, the designated image can be automatically deformed into an appropriate shape, and the workability can be improved as compared with the related art.

Each time an image associated with a part is changed, the designated image is deformed according to the shape of the image. Therefore, in a case where the respective images before the change have the same shape, and when one of the images is changed, the designated image is deformed according to the shape of the image associated with the component. The specified image after the change and the image that has not been changed have the same shape. As a result, as long as the respective images associated with the parts before the change have the same shape, the shapes of the respective images associated with the parts after the change can be matched to the same, and the designated There is no need to transform each image individually,
Workability can be improved as compared with the related art.

According to the second and fifth aspects of the present invention, when the image once transformed is further transformed, it is transformed into a designated shape based on the image designated by the path information used to change the image. . For example, the reduced image has a smaller amount of information than the image before the reduction. For this reason, even when the image once reduced is restored to the original size, the information amount is smaller than the image before the reduction. In general, the larger the amount of information, the higher the resolution of the image. Therefore, it is better to perform a new deformation using the image before the deformation than to further deform the once deformed image. The effect of reducing can be expected.

When the shape of an image is changed for a component arranged in the drawing area, the shape of each image is made the same by deforming each image to the same shape according to an instruction. Operability can be greatly improved as compared with the case where each image is separately deformed.

In the third and sixth aspects, for example,
Even if the program of the screen data creation device according to the present invention is stored in different directories of two computers, the path information is set as a relative path, so that the directory used as a reference for the program to be executed is prepared in advance. An image can be designated from a program stored in each computer as long as the path (relative path) connecting to the directory in which the stored image is stored does not change.

[0030]

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS The present invention will be described below with reference to the drawings showing an embodiment. FIG. 1 is a block diagram illustrating a configuration example of an embodiment of a display device according to the present invention. The display device 1 includes a communication unit 7 connected to a PLC 8 (programmable controller) for communicating with the PLC 8, a touch panel input unit 3 for receiving an operation by a user, and components assigned to each operation of the PLC 8. And a display means 2 including a display for displaying the displayed screen.

The input means 3 is not limited to the touch panel type, but may be, for example, a switch for receiving an operation by the user.

The display device 1 is connected to the communication means 7, the input means 3, and the display means 2 and controls the control means 4; a program executed by the control means 4; And storage means 5 for storing

In the display device 1 having such a configuration,
As shown in FIG. 2, screen data of the touch panel is created by the personal computer 9 (screen data creation device) and the created screen data is communicated so that each operation state of the PLC 8 to be connected can be displayed or set by operating the touch panel. It is stored in the storage means 5 through the means 7.

The personal computer 9 is a computer in which the program of the screen data creating apparatus according to the present invention is recorded.
An external storage device such as a CD-ROM drive or a flexible disk drive that reads a program of the screen data creation device according to the present invention from a portable recording medium 91 such as a D-ROM or a flexible disk, and a built-in CP
A memory for storing information provided from the U and a program of the screen data creation device according to the present invention read by the external storage device; and a communication interface for communicating with the outside.

The personal computer 9 is connected to a communication network 92 by a communication interface. The communication network 92 is connected to the connection device 9 such as a router.
3 allows an external network line 94 such as the Internet
It is connected to the.

The program of the screen data creating apparatus according to the present invention is connected to an external server computer 95 via an external network line 94 in addition to being read from the portable recording medium 91, and is stored in the external server computer 95. Is stored in a memory by downloading the program from the recording medium 96 on which the personal computer 9 is recorded, so that the personal computer 9 can execute a processing procedure in a screen data creating apparatus of the present invention described later. .

The communication in the communication network 92 described above may be wireless communication using means such as radio waves and infrared rays in addition to wired communication.

In the display device 1 having the configuration shown in FIG. 1, the control means 4 displays an image of a component such as a soft switch and a lamp on the display of the display means 2 based on the stored screen data. By operating the soft switch or the like, the position data indicating the storage position of the device in the PLC 8 associated with the soft switch or the like is changed to
It is sent to the PLC 8 via the communication means 7.

The PLC 8 sends numerical data indicating the operation state in the PLC 8 to the control means 4 via the communication means 7 in accordance with the sent position data. The control means 4 displays the transmitted numerical data on the display of the display means 2 in correspondence with the on / off operation state of the soft switch, the lamp and the like.

FIG. 3 is a schematic diagram showing an example of an editing screen for creating screen data. Personal computer 9
Then, a window W1 as a work area is displayed.
A screen data drawing area EA is provided inside the window W1.
The screen data is edited by arranging an image in the drawing area EA. The user operates the window W1 by input from a mouse, a keyboard, or the like.
Is operated by operating the pointer p superimposed and displayed on the screen data.

For example, FIG.
A window W2 for component selection as shown in FIG. 0 is displayed over the window W1. FIG. 4 is a schematic diagram illustrating an example of an editing screen when a window W2 for component selection is displayed. The user selects parts such as lamps and switches displayed in the window W2 and arranges them in the drawing area EA by an operation such as drag and drop.

The operation described above is an example of the operation of selecting and arranging components. For example, the type of component such as a lamp or a switch is selected from a menu, and the operation area EA is selected.
The part may be selected and arranged by designating a rectangle of a desired shape at a desired position in the box.

FIG. 5 is a schematic diagram showing an example of an editing screen for changing an image associated with a placed component. Images such as lamps and switches are assigned to the ON / OFF operation states of the devices in the PLC 8, respectively. The personal computer 9 is normally in a normal mode in which the parts can be arranged and the parts can be changed to other parts. However, when the user specifies an image to be used for the part, the personal computer 9 receives an instruction from the user. Then, the respective images corresponding to the respective ON / OFF operation states of the parts are set to a prepared image and an image prepared by the user in advance to a user designation mode in which the designated image can be changed to the designated image. . In the user designation mode, when changing the image associated with such a component,
The user gives an instruction to change the image by operating the mouse or the keyboard. Upon receiving the instruction, the personal computer 9 displays a window W3 for designating the image.

In the case of the normal mode, an image is specified using an ID number associated with each component, and the image is read by referring to a correspondence table of ID numbers and path information prepared in advance. Has become. As a result, the placed part can be changed to another part, that is, the combination of the on / off images can be changed, but only one of the on / off images of the placed part can be changed. Can not.

In the case of the user designation mode, when the user selects an image prepared by himself, the designation of the image by the personal computer 9 is switched from the designation by the ID number to the direct designation by the path information. By doing so, it is possible to specify an image other than the image prepared in advance, and to change only one of the ON / OFF images.

The window W3 displays an image corresponding to the ON state and an image corresponding to the OFF state, respectively. The window W3 corresponds to the image corresponding to the ON state and the image corresponding to the OFF state. Each of the images can be changed. When the user selects an image prepared by himself / herself, the user issues this instruction to specify path information for specifying an image corresponding to the ON state and an image corresponding to the OFF state in the window W3. Path information to be displayed, and by inputting the path information, for example, by selecting an icon or button displayed on the screen by operating a mouse, it is possible to specify another image. It has become.

The path information used to specify an image from the personal computer 9 is a relative path. By doing so, for example, even if the directory in which the application program for creating the screen data is stored is different from the directory set in advance as a standard, the directory created in order to store this program is created. By making the tree structure under the same directory the same, and storing the image in one of the directories constituting the tree structure, the directory used as a reference by the program and the directory in which the image is stored are stored. The connecting path (relative path) does not change. Therefore, even when the directory in which the program and the image are stored is different from the standard directory, the image can be designated from the program.

FIG. 6 is a schematic diagram showing an example of the editing screen after the image has been changed. FIG. 6 shows a case where the image I1 shown in FIG. 3 is changed to the image I2 according to the designation from the user. Personal computer 9
The path information “i” is input by a mouse operation or the like from the user.
image @ I3. bmp "is input, and the image I3 specified by the path information is read.
The image is automatically changed so as to conform to the shape of the image I1, and is arranged at the position where the image I1 is arranged, thereby changing the image.

FIG. 7 is a schematic diagram showing an example of an editing screen when an already deformed and arranged image is further deformed. As shown in the figure, the shape of the image I2 is designated by a mouse drag and drop operation, and the personal computer 9 adjusts the image I2 according to this shape.
To transform. Also, the personal computer 9 is configured as shown in FIG.
The image I4 associated with the off state of the same component as the image I2 shown in FIG.

By doing so, the image I is always
The shapes of 1 and I4 can be made the same, and the operability can be greatly improved as compared with the case where the images I1 and I4 are separately deformed.

When the image I2 is to be re-deformed, the original image to be deformed at the time of creating the image I2 is
The personal computer 9 designates by the path information,
This is read and transformed into a specified shape.

By doing so, it is possible to expect the effect that the deterioration of the image quality is reduced by performing a new deformation using the image before the deformation, rather than by further deforming the image I1 once deformed. .

FIG. 8 is a flowchart showing a processing procedure relating to an image changing process in the screen data creating apparatus according to the present invention. First, an instruction as to whether or not to enter the user designation mode is received (step 101). When entering into the user designation mode, an instruction as to which operating state the image is to be changed is accepted (step 102), and a path for designating the image is received. The input of information is received (step 103), the input path information is stored (step 104), the designated image is deformed according to the original image (step 105), the path information, data representing the image, and Screen data including data representing the arrangement position is created (step 106), and an instruction as to whether or not to end the change processing is received (step 10).
7). If not, the process returns to step 102.

On the other hand, in step 101, when the normal mode is set, an instruction for the type of component such as a lamp or a switch is received (step 108), an instruction for the color of the component is received (step 109), and the component is associated with the component. Each image is transformed according to the original image (step 11).
0), an ID number, data representing an image, and data representing an arrangement position are created (step 11).
1), end the process.

FIG. 9 is a flowchart showing a processing procedure relating to the image re-deformation processing in the screen data generating apparatus according to the present invention. First, an instruction for a shape to be deformed is received (step 21), and it is determined whether or not the part to be deformed is a part created in the user designation mode (step 2).
2) If the part is not created in the user specified mode,
Read the ID number from the screen data (step 23)
If the component is created in the user designation mode, the path information is read from the screen data (step 24).

The image specified by the read ID number or the path information is read (step 25), and the read image is transformed into a designated shape (step 26) and arranged (step 27). In step 22, screen data including an ID number, data representing an image, and data representing an arrangement position is provided for a component prepared in advance, and path information and data representing an image are stored for a component not prepared in advance. , And screen data including data representing the arrangement position are created (step 28), and the process is terminated.

[0057]

According to the first, fourth, and seventh aspects of the present invention, when an image associated with a component arranged in a drawing area is changed to an image specified by path information, This image is deformed according to the shape of the image associated with the component, and is arranged at the position where the image associated with the component was arranged. For this reason, when using the image prepared by the user, the user simply designates the image prepared by the user with the path information, the image is arranged at a required position in the drawing area in a required shape, and once the original format component is used. The layout can be performed in the drawing area without generating data, and the operability can be greatly improved.

Further, since the image is specified by the path information which is the specification information of the standard data, the user can easily specify the image prepared by the user.

Further, by deforming the specified image according to the shape of the image associated with the component, the user can specify the desired image by the path information without explicitly changing the shape. Only, the designated image can be automatically deformed into an appropriate shape, and the workability can be improved as compared with the related art.

Each time the image associated with the part is changed, the specified image is deformed according to the shape of the image. Therefore, in a case where the respective images before the change have the same shape, and when one of the images is changed, the designated image is deformed according to the shape of the image associated with the component. The specified image after the change and the image that has not been changed have the same shape. As a result, as long as the respective images associated with the parts before the change have the same shape, the shapes of the respective images associated with the parts after the change can be matched to the same, and the designated There is no need to transform each image individually,
Workability can be improved as compared with the related art.

According to the second and fifth aspects of the invention, when the image arranged in the drawing area is further deformed, the image specified by the path information used to change the image is deformed to the specified shape. . For example, the reduced image has a smaller amount of information than the image before the reduction. For this reason, even when the image once reduced is restored to the original size, the information amount is smaller than the image before the reduction. Typically,
The higher the amount of information, the higher the definition of the image. Therefore, the effect of reducing the image quality is less when a new deformation is performed using the image before the deformation than when the image once deformed is further deformed. Can be expected.

When the shape of an image is changed for a component arranged in the drawing area, the shape of each image is made the same by deforming each image to the same shape according to an instruction. Operability can be greatly improved as compared with the case where each image is separately deformed.

In the third and sixth aspects, for example,
Even if the program of the screen data creation device according to the present invention is stored in different directories of two computers, the path information is set as a relative path, so that the directory used as a reference for the program to be executed is prepared in advance. An image can be designated from a program stored in each computer as long as the path (relative path) connecting to the directory in which the stored image is stored does not change.

[Brief description of the drawings]

FIG. 1 is a block diagram illustrating a configuration example of a display device according to an embodiment of the present invention.

FIG. 2 is a block diagram illustrating a configuration example of an embodiment of a screen data creation device according to the present invention.

FIG. 3 is a schematic diagram showing an example of an editing screen for creating screen data.

FIG. 4 is a schematic diagram illustrating an example of an editing screen when a window for component selection is displayed.

FIG. 5 is a schematic diagram illustrating an example of an edit screen when an image associated with a placed component is changed.

FIG. 6 is a schematic diagram showing an example of an editing screen after an image has been changed.

FIG. 7 is a schematic diagram illustrating an example of an editing screen when an already-deformed image is further deformed.

FIG. 8 is a flowchart showing a processing procedure regarding an image changing process in the screen data creation device according to the present invention.

FIG. 9 is a flowchart showing a processing procedure relating to an image re-deformation process in the screen data creation device according to the present invention.

FIG. 10 is a schematic diagram showing display contents in a component selection window.

[Explanation of symbols]

 REFERENCE SIGNS LIST 1 display device 2 display means 3 input means 4 control means 5 storage means 7 communication means 8 PLC (programmable controller) 9 personal computer (screen data creation device) 91 portable recording medium 92 communication network 93 connection device 94 external network line 95 External server computer 96 Recording medium

Claims (7)

[Claims] 1. A screen data creation method for creating screen data including a screen for displaying an image associated with each of a plurality of operation states on a display device for setting or displaying an operation state of a target apparatus. A first step of receiving an instruction to change an image arranged in an appropriate shape at an appropriate position in a predetermined drawing area to an image specified by path information indicating a position where the image is stored; A second step of deforming the image specified by the information into the appropriate shape, a third step of arranging the deformed image at the appropriate position, and the path information, data representing the deformed image, and the appropriate position. And a fourth step of creating screen data including the data to be displayed. 2. A fifth step of receiving an instruction to further deform the deformed image, and a sixth step of deforming the image specified by the path information into a shape according to the instruction when the instruction is received, 7. The method according to claim 1, further comprising a seventh step of creating screen data based on the image deformed in the sixth step. 3. The screen data creating method according to claim 1, wherein the path information is a relative path. 4. A screen data creation apparatus for creating screen data including a screen for displaying an image associated with each of the plurality of operation states on a display device for setting or displaying the operation state of the target apparatus. Receiving means for receiving an instruction to change an image arranged in an appropriate shape at an appropriate position in a predetermined drawing area to an image specified by path information indicating a position where the image is stored; and Deforming means for deforming the image designated by the deformed shape into the appropriate shape, and arranging means for arranging the image deformed by the deforming means at the appropriate position,
A data creation unit that creates screen data including the path information, the data representing the deformed image, and the data representing the appropriate position; and a storage unit that stores the screen data created by the data creation unit. Characteristic screen data creation device. 5. A receiving means for receiving an instruction to further deform the deformed image, and, when the instruction is received by the receiving means, an image designated by the path information is
Re-deformation means for deforming to a shape according to the instruction, wherein said data creation means creates screen data based on the image deformed by said re-deformation means. 4. The screen data creation device according to 4. 6. The screen data creation device according to claim 4, wherein the path information is a relative path. 7. A program for causing a computer to create screen data including a screen for setting or displaying an operation state of a target device on a display device for displaying images associated with each of the plurality of operation states. In a computer-readable recording medium on which the image is recorded, the computer arranges the image arranged in an appropriate shape at an appropriate position in a predetermined drawing area by using path information indicating a position where the image is stored. Program code means for receiving an instruction to change to a designated image, program code means for transforming the image designated by the path information into the appropriate shape, and program code means for arranging the transformed image at the appropriate position And an image including the path information, the data representing the deformed image, and the data representing the appropriate position. Recording medium readable on a computer, wherein a program having a program code means for creating a data has been recorded.