KR102087247B1 - Web electric document editing apparatus for rendering drawing object and operating method thereof - Google Patents

Abstract

Web electronic document editing apparatus for rendering a drawing object and an operation method thereof according to the present invention, the rendering meta information and rendering information generated based on the position information and size information of each of a plurality of drawing objects included in the electronic document; After parsing rendering data that is sequentially included according to the location information of each of the plurality of drawing objects, a rendering image is generated by sequentially rendering drawing objects corresponding to the rendering information by using a preset rendering tool. In this way, data about the drawing objects can be provided to the rendering tool in a lightweight representation, minimizing memory utilization and improving rendering speed.

Description

WEB ELECTRIC DOCUMENT EDITING APPARATUS FOR RENDERING DRAWING OBJECT AND OPERATING METHOD THEREOF}

The present invention relates to a web electronic document editing apparatus for rendering a drawing object and a method of operating the same.

A web document is a document that can be viewed through a web browser, and refers to a document written based on a markup language such as HTML (Hypertext Markup Language) or XML (eXtensible Markup Language).

Web browsers use the Document Object Model (DOM) to render and display web documents on the screen. The DOM is an object-oriented model for representing structured documents, allowing all elements of the web, such as graphics, text, headlines, and styles, to be manipulated by scripting languages such as Java Script.

A web browser parses a web document written based on a markup language to generate a dome tree, merges style information into the dome tree, generates a render tree, and then generates a rendering tree based on location information of a drawing object. Since the web document includes a plurality of pages, and a plurality of drawing objects are included in each of the plurality of pages, a large number of operations must be performed to express them. There is a problem that the response time for the web document viewing request can be delayed.

Web electronic document editing apparatus for rendering a drawing object and an operation method thereof according to the present invention, the rendering meta information and rendering information generated based on the position information and size information of each of a plurality of drawing objects included in the electronic document; After parsing rendering data that is sequentially included according to the location information of each of the plurality of drawing objects, a rendering image is generated by sequentially rendering drawing objects corresponding to the rendering information by using a preset rendering tool. In this way, the data for the drawing object is provided to the rendering tool in a lightweight representation format to minimize the memory usage and improve the rendering speed.

The web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention may render the rendering meta information and the rendering information generated based on location information and size information of each of a plurality of drawing objects included in the electronic document. A rendering data parsing unit for parsing rendering data sequentially included in accordance with position information of each of a plurality of drawing objects and a rendering object corresponding to the rendering information sequentially according to the parsing order, by rendering using a preset rendering tool. It includes a renderer for generating an image.

In addition, the operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention rendering meta information generated based on the location information and size information of each of a plurality of drawing objects included in the electronic document And a rendering data parsing step of parsing rendering data sequentially including rendering information according to position information of each of the plurality of drawing objects, and a drawing object corresponding to the rendering information sequentially according to the parsing order. And a rendering step of rendering using the image to generate the rendered image.

Web electronic document editing apparatus for rendering a drawing object and an operation method thereof according to the present invention, the rendering meta information and rendering information generated based on the position information and size information of each of a plurality of drawing objects included in the electronic document; After parsing rendering data that is sequentially included according to the location information of each of the plurality of drawing objects, a rendering image is generated by sequentially rendering drawing objects corresponding to the rendering information by using a preset rendering tool. In this way, data about the drawing objects can be provided to the rendering tool in a lightweight representation, minimizing memory utilization and improving rendering speed.

1 is a diagram illustrating a configuration of a web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention.
2 is a flowchart illustrating a method of operating a web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. This description is not intended to limit the invention to the specific embodiments, it should be understood to include all modifications, equivalents, and substitutes included in the spirit and scope of the invention. In describing the drawings, similar reference numerals are used for similar components, and unless otherwise defined, all terms used in the present specification, including technical or scientific terms, may be used in the art to which the present invention pertains. It has the same meaning as is commonly understood by someone who has.

FIG. 1 is a diagram illustrating a configuration of a web electronic document editing apparatus 100 for rendering a drawing object according to an embodiment of the present invention.

Referring to FIG. 1, the web electronic document editing apparatus 100 for rendering a drawing object according to an embodiment of the present invention may include a data receiver 110, a web browser 120, a display 130, and a rendering data parser. 140, a renderer 150, a render data generator 160, and an image storage unit 170 may be included.

Here, the web browser 120 may run a web electronic document editor provided from the web electronic document editing server 200 to edit a web electronic document provided from the web electronic document editing server 200. Or a web browser such as Safari. Here, the web electronic document may include a plurality of entities composed of an entity ID and an entity value as shown in Table 1 below.

Parent group Subgroup individual Object id Object value key value Format group Shape group Object ID 1 "Color" "# 000000" ... ... ... ... ... Style group Object ID 2 “Type” "PARA" "name" “Desktop” ... ... ... ... ... ... ... ... ... Content group Paragraph group Object ID 3 "Type" Rect "arrangement" Seat "Sx" Sx 1 "Sy" Sy 1 “W” w 1 “H” h 1 "Color" Object ID 1 ... ... Object ID 4 "Type" Line "arrangement" Seat "Sx" Sx 2 "Sy" Sy 2 “W” w 1 "Color" Object ID 1 “Pattern” pattern 1 ... ... ... ... ... ...

Herein, the web electronic document is composed of a plurality of groups each including a plurality of entities, the plurality of groups including a form group and a content group, each of the plurality of entities having an entity ID and an entity value. It may include. Here, the format group may be composed of various sub-groups such as a format group representing letter shape information and a format group representing tab shape information. Meanwhile, each of the entities may be data in a key-value format in which the entity ID is a key and the entity value is a value.

Form groups contain objects that represent information about document formatting, such as glyph information, tab shape information, paragraph number shape information, bullet shape information, paragraph shape information, style information, and so on. Means figures, images, tables, texts, etc. that can be. In addition, the format is intended to indicate the color, shape, etc. of the content. If the content is text, the font, color, size, etc. of the text may be referred to as the format for the text content. The color of the cells, etc., can be said to be the format for the table contents. Meanwhile, in the case of a figure, one content is provided for each figure, and in the case of a table, a table is one content, and a figure, an image, a table, and a text inserted in the table are each one content, and in the case of text, a word having the same format, A string of a predetermined length may be one piece of content.

Relatedly, referring to Table 1, an object (hereinafter referred to as a drawing object) for a figure included in the electronic document is a key “type” indicating a type of the drawing object corresponding to the object ID of the drawing object. The key “placement” indicating the placement of the object on the electronic document, the key “Sx” indicating the start position of the x component on the electronic document of the drawing object, the start position of the y component on the electronic document of the drawing object. Key “Sy”, key “w” for the width of the drawing object, key “h” for the height of the drawing object, key “Color” for the color of the drawing object, and the type of lines such as dotted line, solid line, etc. of the drawing object. It may consist of a key "Pattern" that represents it, and an entity value that contains values for those keys. Here, as shown in Table 1, the drawing object may include different numbers of keys and values according to the type of the drawing object. Here, when the value corresponding to the key “type” is Rect, it represents a rectangle; when Line is a line; when the value corresponding to the key “layout” is a place occupancy, the arrangement between the drawing object and the body matches and occupies a place. It can indicate the case of occupying one of the positions before, post, and post. At this time, when the key "Color" is the entity ID 1, it indicates that the entity value of the entity having the entity ID 1 is the value of the key "Color".

In this regard, in order to express the drawing object included in the electronic document through the display unit 130, the electronic document is parsed to generate a dome (DOM) tree and merge style information into the dome tree. After the rendering tree is generated, a process of painting based on the positional information of the drawing object is required.

Hereinafter, a method of providing data about a drawing object in a lightweight representation format to minimize the amount of computation and memory usage and to improve rendering speed.

The data receiver 110 may receive the electronic document and the rendering data from the web electronic document editing server 200. Here, the rendering data is the web electronic document editing server 200 when the web electronic document editing server 200 storing the electronic document receives a view request for the electronic document from the web electronic document editing apparatus 100. Transmitting the electronic document stored in the web document to the web electronic document editing apparatus 100, and simultaneously generating rendering meta information and rendering information for each of the plurality of drawing objects included in the electronic document. The rendering meta data and the rendering information may be sequentially generated according to the location information of each of the drawing objects, to generate rendering data, and to transmit the rendering data to the web electronic document editing apparatus 100.

Here, the rendering meta information may include preset object values indicating information on the position and size on the electronic document among the plurality of object values of the drawing object, that is, position information and size information of the drawing object. The information includes information for representing each of the plurality of drawing objects when painting, ie, displaying an electronic document of a plurality of object values of a drawing object, namely the shape type, width, width, color and the like of the drawing object. It may include preset entity values representing pattern information.

For example, rendering meta-information consists of object values consisting of the keys “placement”, “Sx”, “Sy”, “w” and “h” of the plurality of object values and the values for these keys, and the rendering information Among the plurality of entity values, it may consist of entity values consisting of the keys "Type", "w", "h", "Color" and "pattern" and the values for these keys. For example, the web electronic document editing server 200 may generate rendering data as shown in Table 2 by extracting rendering meta information and rendering information from the electronic document as shown in Table 1 above.

turn Object id Data type key value One Object ID 3 Rendering Meta Info "arrangement" Seat "Sx" Sx 1 "Sy" Sy 1 “W” w 1 “H” h 1 Rendering Information "Type" Rect “W” w 1 “H” h 1 "Color" Object ID 1 2 Object ID 4 Rendering Meta Info "arrangement" Seat "Sx" Sx 2 "Sy" Sy 2 “W” w 1 Rendering Information "Type" Line “W” w 1 "Color" Object ID 1 “Pattern” pattern 1 ... ... ... ... ...

In this case, when the web electronic document editing server 200 generates the rendering data as shown in Table 2 by extracting rendering meta information and rendering information from the electronic document as shown in Table 1, the drawing object on the electronic document. The merging order of the rendering meta information and the rendering information may be determined based on each of the positions (ie, values for the keys “Sx” and “Sy”). For example, as the starting position of each of the drawing objects on the electronic document is advanced, the merging order of the rendering meta information and the rendering information may be determined. Accordingly, the order of merging the rendering meta information and the rendering information of the object ID 3, which is determined to be preceded by the starting positions according to the keys “Sx” and “Sy, among the plurality of object values, may be determined by the rendering meta information and the rendering meta information of the object ID 4. It may be determined to precede the merging order of the information.

Meanwhile, when the web electronic document editing server 200 extracts rendering meta information and rendering information from the electronic document as shown in Table 1 to generate the rendering data as shown in Table 2 below, preset object values are drawn to the drawing object header. The component may be determined and added to a preset position of the rendering data (eg, a start position of the rendering data). For example, the web electronic document editing server 200 may generate the rendering data as shown in Table 3 below. In this case, the value of the entity value corresponding to the added drawing entity header component may be changed to indicate an entity ID of the drawing entity header component.

turn Object id Data type key value One Object ID 5 Color " Object ID 1 2 Object ID 3 Rendering Meta Info "arrangement" Seat "Sx" Sx 1 "Sy" Sy 1 “W” w 1 “H” h 1 Rendering Information "Type" Rect “W” w 1 “H” h 1 "Color" Object ID 5 3 Object ID 4 Rendering Meta Info "arrangement" Seat "Sx" Sx 2 "Sy" Sy 2 “W” w 1 Rendering Information "Type" Line “W” w 1 "Color" Object ID 5 “Pattern” pattern 1 ... ... ... ... ...

Here, the newly added drawing object header component is newly assigned an object ID 5, and the value of the key “Color” of the object having the object IDs 3 and 4 may represent the object ID 5 instead of the object ID 1.

Next, the rendering data parsing unit 140 renders the rendering meta information and the rendering information generated based on the position information and the size information of each of the plurality of drawing objects included in the electronic document, respectively. It is possible to parse rendering data including sequentially according to the information. Accordingly, the rendering data parsing unit 140 parses the rendering data, so that the rendering order of each of the plurality of drawing objects may be determined based on location information of each of the plurality of drawing objects.

The renderer 150 may generate a rendered image by rendering the drawing objects corresponding to the rendering information sequentially in the parsed order using the preset rendering tool 155. Here, the preset rendering tool 155 may be program code that renders a drawing object based on the rendering information such as a canvas or a scalable vector graphics (SVG) to generate a rendered image.

Here, the rendering unit 150 converts the rendering information of the drawing objects in the parsed order by using an API (Application Programming Interface) preset for the rendering tool 155, and then transfers the rendering information to the rendering tool 155. The rendering tool 155 may render a drawing object based on the converted rendering information using a preset API, generate a rendered image, and transmit the rendered image to the renderer 150.

Thereafter, the web browser 120 determines the layout coordinates of the rendered image based on the rendering meta information corresponding to the rendered image, and the display unit 130 determines that the layout coordinates of the rendered image are located in the display area. The rendered image can be displayed. Herein, layout coordinates represent coordinates of an area occupied by the rendered image in the electronic document, and a display area represents an area displayed by the display unit 130 in the electronic document. For example, when the electronic document consists of two pages and the rendered image is located on the first page, the electronic document is reduced so that the display 130 displays two pages. The layout coordinates of the rendered image are determined to be located in the display area. When the electronic document is enlarged and the display 130 displays only the second page of two pages, the layout coordinates of the rendered image are displayed in the display area. It may be determined that it is not located.

Meanwhile, in the web electronic document editing apparatus 100 that renders the drawing object as described above, the data receiver 110 may receive the electronic document from the web electronic document editing server 200 and may not receive rendering data. have. That is, the web electronic document editing server 200 may deliver only the electronic document to the web electronic document editing apparatus 100.

In this case, the rendering data generation unit 160 generates rendering meta information and rendering information for each of the plurality of drawing objects included in the electronic document, and then renders the metadata according to the location information of each of the plurality of drawing objects. The rendering data may be generated by sequentially including the information and the rendering information and then transferred to the rendering data parser 140.

Accordingly, the web electronic document editing apparatus 100 that renders the drawing object as described above may render the drawing object as in the case of receiving the electronic document and the rendering data from the web electronic document editing server 200. have.

Next, the image storage unit 170 of the web electronic document editing apparatus 100 that renders the drawing object as described above may temporarily store the generated rendered image. Specifically, when a new rendering image is generated, the rendering unit requests to store a new rendering image by transferring the new rendering image to the image storage unit 170, and the image storage unit 170 requests the rendering unit 150. When a request for storing a new rendered image is received from the previous method, the rendered image having the layout coordinates farthest from the current display area among the stored rendered images is deleted, and the rendered image corresponding to the request for storing the new rendered image is stored. Can be.

2 is a flowchart illustrating a method of operating a web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention.

Referring to FIG. 2, in step S210, rendering meta information and rendering information generated based on location information and size information of each of a plurality of drawing objects included in an electronic document may be located in each of the plurality of drawing objects. It is possible to parse rendering data including sequentially according to the information.

In operation S220, a rendering image may be generated by sequentially rendering drawing objects corresponding to the rendering information in a parsed order using a preset rendering tool.

Meanwhile, a method of operating a web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention includes a data receiving step of receiving the electronic document from a web electronic document editing server and a plurality of drawings included in the electronic document. After generating the rendering meta information and the rendering information for each of the objects, further comprising the rendering data generation step of generating the rendering data by sequentially including the rendering meta information and the rendering information according to the position information of each of the plurality of drawing objects Can be done.

On the other hand, the operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention, the rendering data is a plurality of electronic electronic document editing server that stores the electronic document is included in the electronic document After generating the rendering meta information and the rendering information for each of the drawing objects are generated by sequentially including the rendering meta information and the rendering information according to the position information of each of the plurality of drawing objects, and generated from the web electronic document editing server The method may further include receiving the electronic document and the rendering data.

In addition, the operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention, the rendering data further includes drawing object header data including a plurality of drawing object header components consisting of a key and value The rendering information of each of the plurality of drawing objects includes entity values consisting of a key and a value, wherein a value of an entity value corresponding to the drawing entity header components among the entity values corresponds to a draw-in entity header. It can be represented by the height of the component.

Finally, the operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention further comprises the step of maintaining an image storage unit for temporarily storing the generated rendered image, and maintains the image storage unit In response to the request for storing a new rendering image from the rendering unit, the rendering unit deletes a rendering image having the layout coordinates farthest from the current display area among previously stored rendering images, and then responds to the request for storing the new rendering image. The image storing unit may store the rendered image.

The operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention has been described above with reference to FIG. 2. Here, the operation method of the web electronic document editing apparatus for rendering the drawing object according to an embodiment of the present invention may correspond to the configuration of the operation of the web electronic document editing apparatus for rendering the drawing object described with reference to FIG. The detailed description thereof will be omitted.

An operating method of a web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention may be implemented as a computer program stored in a storage medium for execution in combination with a computer.

In addition, the operating method of the web electronic document editing apparatus for rendering a drawing object according to an embodiment of the present invention can be implemented in the form of program instructions that can be executed by various computer means can be recorded on a computer readable medium. The computer readable medium may include program instructions, data files, data structures, and the like, alone or in combination. Program instructions recorded on the media may be those specially designed and constructed for the purposes of the present invention, or they may be of the kind well-known and available to those having skill in the computer software arts. Examples of computer readable recording media include magnetic media such as hard disks, floppy disks and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks such as floppy disks. Magneto-optical media, and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like.

In the present invention as described above has been described by the specific embodiments, such as specific components and limited embodiments and drawings, but this is provided to help a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations are possible from these descriptions.

Accordingly, the spirit of the present invention should not be limited to the described embodiments, and all of the equivalents and equivalents of the claims, as well as the appended claims, will fall within the scope of the present invention. .

Claims (12)

A data receiving unit for receiving an electronic document from a web electronic document editing server;
Rendering meta-information for each of a plurality of drawing objects contained in the electronic document, the rendering meta-information being information about the position and size of each drawing object on the electronic document, the arrangement of the drawing object on the electronic document. "Batch" which is a key indicating a state, "Sx" which is a key indicating a starting position of an x component on the electronic document of a drawing object, "Sy" which is a key indicating a starting position of a y component on the electronic document of a drawing object, a drawing object And "h", a key for the width of the object and "h", a key for the height of the drawing object, and object values consisting of values for each key. Information for each drawing object as you paint on it. "Type", a key for the type of the sieve, "w" for the width of the drawing object, "h" for the height of the drawing object, "Color" for the color of the drawing object, and "Color" for the color of the drawing object, and a type of line for the drawing object. After generating the key "pattern" and the object value consisting of the value for each key-and the rendering data including the rendering meta information and the rendering information sequentially according to the position information of each of the plurality of drawing objects Rendering data generation unit for generating a;
Rendering data that sequentially includes rendering meta information and rendering information generated based on location information and size information of each of the plurality of drawing objects included in the electronic document according to the location information of each of the plurality of drawing objects. Rendering data parsing unit for parsing; And
A rendering unit that renders drawing objects corresponding to the rendering information sequentially according to the parsed order using a preset rendering tool to generate a rendered image.
Including,
The rendering data further includes drawing object header data comprising a plurality of drawing object header components consisting of a key and a value,
The rendering information of each of the plurality of drawing objects includes entity values consisting of a key and a value, wherein a value of an entity value corresponding to the drawing entity header components among the entity values is a key of a corresponding drawing entity header component. Expressed
Web electronic document editing device that renders drawing objects. delete delete delete The method of claim 1,
An image storage unit for temporarily storing the generated rendered image
Including,
When the image storage unit receives a request for storing a new rendered image from the renderer, the image storage unit deletes the rendered image having the layout coordinates farthest from the current display area among previously stored rendered images, and then stores the new rendered image. To store the corresponding rendered image
Web electronic document editing device that renders drawing objects. A data receiving step of receiving an electronic document from a web electronic document editing server;
Rendering meta-information for each of a plurality of drawing objects contained in the electronic document, the rendering meta-information being information about the position and size of each drawing object on the electronic document, the arrangement of the drawing object on the electronic document. "Batch" which is a key indicating a state, "Sx" which is a key indicating a starting position of an x component on the electronic document of a drawing object, "Sy" which is a key indicating a starting position of a y component on the electronic document of a drawing object, a drawing object And "h", a key for the width of the object and "h", a key for the height of the drawing object, and object values consisting of values for each key. Information for each drawing object as you paint on it. "Type", a key for the type of the sieve, "w" for the width of the drawing object, "h" for the height of the drawing object, "Color" for the color of the drawing object, and "Color" for the color of the drawing object, and a type of line for the drawing object. After generating the key "pattern" and the object value consisting of the value for each key-and the rendering data including the rendering meta information and the rendering information sequentially according to the position information of each of the plurality of drawing objects Generating rendering data;
Rendering data that sequentially includes rendering meta information and rendering information generated based on location information and size information of each of the plurality of drawing objects included in the electronic document according to the location information of each of the plurality of drawing objects. Parsing the rendering data; And
A rendering step of generating a rendered image by rendering a drawing object corresponding to rendering information sequentially according to the parsed order by using a preset rendering tool.
Including,
The rendering data further includes drawing object header data comprising a plurality of drawing object header components consisting of a key and a value,
The rendering information of each of the plurality of drawing objects includes entity values consisting of a key and a value, wherein a value of an entity value corresponding to the drawing entity header components of the entity values is a value of a corresponding draw-in entity header component. Represented by a key
How a web electronic document editing device operates to render drawing objects. delete delete delete The method of claim 6,
Maintaining an image storage unit for temporarily storing the generated rendered image
More,
In the maintaining of the image storage unit, when a request for storing a new rendered image is received through the rendering step, the new rendering is performed after deleting the rendered image having the layout coordinates farthest from the current display area among the stored rendered images. Maintaining the image storage unit storing a rendered image corresponding to a request for storing an image
How a web electronic document editing device operates to render drawing objects. A computer readable recording medium having recorded thereon a program for causing a computer to perform the method of claim 6. A computer program stored in a storage medium for executing the method of any one of claims 6 or 10 in combination with a computer.

Images