KR102119560B1 - Method, system and computer-readable recording medium for editing font using scalable vector graphic format - Google Patents

Abstract

A font editing method using a scalable vector graphic (SVG) format according to an embodiment of the present invention includes receiving a character and a font for the character through a tag in a first format; Generating a second format tag corresponding to the first format tag; If the generated second format tag is modified, extracting the modified second format tag; The second coordinate information for each of the characters expressed through the modified second format tag is extracted, and the characters represented through the first format tag are extracted based on the extracted second coordinate information. Generating first coordinate information; And updating pre-stored coordinate information with respect to the characters expressed through the first format tag with the generated first coordinate information.

Description

Font editing method using SVG format, system and computer readable recording medium {METHOD, SYSTEM AND COMPUTER-READABLE RECORDING MEDIUM FOR EDITING FONT USING SCALABLE VECTOR GRAPHIC FORMAT}

The present invention relates to a font editing method, system, and computer-readable recording medium using the SVG format, a font editing method, system and using the SVG format using mapping information for editing tags in the SVG format through HTML format tags It relates to a computer-readable recording medium.

Scalable Vector Graphics (SVC) is an XML-based file format for expressing two-dimensional vector graphics. It is an open standard vector graphic file format developed under the leadership of the World Wide Web Consortium (W3C) in 1999.

Since SVG format does not support line, paragraph, and alignment, when editing SVG format on a page, there are limitations when editing content composed of text.

In addition, since SVG does not have a layout and only supports batch type editing through absolute coordinates, it is disadvantageous in that it is impossible to process changes due to editing such as line breaks.

Conventionally, an image warping method in SVG format has been disclosed. It provides a method of modifying the coordinate system of each component constituting an image, and reconfiguring a component having a predetermined shape into a component composed of a plurality of points, and warping.

Warping can be transformed from warping transformations such as rectangles, circles, ellipses to components that are difficult to apply shape transformations, but there is a problem that the limitation of text editing cannot be overcome.

KR 103755206 B1

The present invention converts HTML format coordinate information expressed on a web page into SVG format coordinate information and edits the SVG format by applying the converted coordinate information to the SVG format, a font editing method, system and computer using the SVG format It relates to a readable recording medium.

A font editing method using an SVG format according to an embodiment of the present invention includes receiving a character and a font for the character through a tag in a first format; Generating a second format tag corresponding to the first format tag; If the generated second format tag is modified, extracting the modified second format tag; The second coordinate information for each of the characters expressed through the modified second format tag is extracted, and the characters represented through the first format tag are extracted based on the extracted second coordinate information. Generating first coordinate information; And updating coordinate information pre-stored in the characters expressed through the tag of the first format with the generated first coordinate information.

The generating of the second format tag may include parsing phrases included in the first format tag; And substituting the parsed phrases into pre-stored tag mapping information to generate the second format tag.

After generating the second format tag, the method may further include rendering the generated second format tag in a temporary area that is not provided to the user.

In the generating of the first coordinate information, substituting the extracted second coordinate information into pre-stored coordinate mapping information to generate first coordinate information for characters expressed through tags of the first format. It may include.

In the updating of the first coordinate information, the pre-stored coordinate information such that the position of the characters expressed through the first format tag corresponds to the position of the characters expressed through the modified second format tag. And updating with the generated first coordinate information.

The first format may include an SVG format.

The second format may include an HTML format.

The pre-stored tag mapping information may include conversion information between the first format tag and the second format tag.

The pre-stored coordinate mapping information may include conversion information between coordinate information for characters expressed through the first format tag and coordinate information for characters expressed through the second format tag. .

The pre-stored coordinate information may include coordinate information for characters represented by the first format tag on a web page before the second format tag is modified.

A font editing system using an SVG format according to another embodiment of the present invention includes a first input unit that receives a character and a font for the character through a tag of the first format; And generating a second format tag corresponding to the first format tag, and if the generated second format tag is modified, extracting the modified second format tag, and the modified second format tag. Extracting second coordinate information for each of the characters expressed through the tag of, based on the extracted coordinate information, generating first coordinate information for the characters expressed through the tag of the first format and And an editing unit that updates coordinate information pre-stored in the characters expressed through the first format tag with the generated first coordinate information.

The conversion unit may generate the second format tag by parsing the phrases included in the first format tag and substituting the parsed phrases in pre-stored tag mapping information.

The conversion unit may render the generated second format tag in a temporary area that is not provided to the user.

The converting unit may generate the first coordinate information for characters expressed through the tag of the first format by substituting the extracted second coordinate information into pre-stored coordinate mapping information.

The conversion unit generates the pre-stored coordinate information such that the positions of characters expressed through the first format tag correspond to the positions of characters expressed through the modified second format tag, and the generated first coordinate information. Can be renewed.

The first format may include an SVG format.

The second format may include an HTML format.

The pre-stored tag mapping information may include conversion information between the first format tag and the second format tag.

The pre-stored coordinate mapping information may include conversion information between coordinate information for characters expressed through the first format tag and coordinate information for characters expressed through the second format tag. .

The pre-stored coordinate information may include coordinate information for characters represented by the first format tag on a web page before the second format tag is modified.

The font editing system using the SVG format according to another embodiment of the present invention may further include a font storage unit in which fonts are stored.

The character input unit may receive one or more selected fonts stored in the font storage unit.

A computer-readable recording medium according to another embodiment of the present invention may include a computer-readable recording medium recording a program for executing a font editing method using an SVG format according to an embodiment of the present invention using a computer. Can be.

The font editing method, system, and computer-readable recording medium using the SVG format according to an embodiment of the present invention have an effect of editing the SVG format through editing of the HTML format.

In addition, by editing the HTML format on the web page, it is possible to perform text-related edits such as line breaks, paragraphs, and line breaks that are not possible in the editing of the SVG format.

In addition, there is an effect that can be used online without downloading various fonts separately using SVG.

BRIEF DESCRIPTION OF THE DRAWINGS The accompanying drawings, which are included as part of the detailed description to aid understanding of the present invention, provide embodiments of the present invention, and describe the technical features of the present invention together with the detailed description.
1 is a flowchart briefly illustrating a font editing method using an SVG format according to an embodiment of the present invention.
2 is a block diagram briefly illustrating a font editing system using an SVG format according to an embodiment of the present invention.

In the present specification, terms such as first and/or second are used only to distinguish one component from another component. That is, it is not intended to limit the components by the terms.

Elements, features, and steps referred to in the phrase'include' in this specification mean that the elements, features, and steps exist, and are intended to exclude one or more other elements, features, steps, and the like. This is not.

In this specification, unless otherwise specified in the singular form, the plural form is included. That is, the components and the like referred to herein may mean the presence or addition of one or more other components.

Unless defined otherwise, all terms used in this specification, including technical or scientific terms, have the same meaning as commonly understood by a person skilled in the art to which the present invention pertains (ordinary skilled person). to be.

In other words, terms such as those defined in a commonly used dictionary should be interpreted as meanings consistent with meanings in the context of related technologies, and are interpreted as ideal or excessively formal meanings unless explicitly defined herein. Does not work.

Hereinafter, a font editing method, a system, and a computer-readable recording medium using the SVG format according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings.

1 is a flowchart briefly illustrating a font editing method using an SVG format according to an embodiment of the present invention.

Referring to FIG. 1, a font editing method using an SVG format according to an embodiment of the present invention includes receiving an input (S101), generating a tag of a second format (S103), and rendering (S105). ), extracting the modified second format tag (S107 ), generating first coordinate information (S109) and updating (S111 ).

The receiving step (S101) is a step of receiving a character and a font for the character through a tag of the first format from the user.

Even if a user does not have a separate font, the font storage unit 101 can be accessed, and by entering the font stored in the font storage unit 101 in a tag of the first format, characters and fonts for the characters can be input. Can be.

The step of generating a tag of the second format (S103) is to generate a tag of the second format corresponding to the tag of the first format, based on pre-stored tag mapping information between the tag of the first format and the tag of the second format. It is a step.

The pre-stored tag mapping information is conversion information between tags of the first format and tags of the second format. For example, if A_SVC, which is a tag of the first format, is substituted into pre-stored tag mapping information, A_HTML tag which is a tag of the second format corresponding to A_SVC may be generated.

The first format may include a scalable vector graphics (SVC) format, and the second format may include a hypertext markup language (HTML) format.

Here, Scalable Vector Graphics (SVG) is a graphic format for expressing two-dimensional vector graphics based on extensible markup language (XML). The SVG standard defines SVG features, grammar and display effects, and includes modular XML namespaces and the Document Object Object Model (DOM).

SVG not only provides a hyperlink function, but also supports a scripting language.

Therefore, by accessing the elements and properties of the SVG document character model through script programming, you can respond to specific events, improving the dynamic and interaction performance of SVG.

The step of generating a tag of the second format (S103) parses the phrases included in the tag of the first format, and substitutes the phrases included in the parsed tag of the first format into pre-stored tag mapping information, so that the first format is A second format tag corresponding to the tag may be generated.

Since scalable vector graphics (SVG) is based on extensible markup language (XML), when parsing a scalable vector graphics file, an XML parser (Document Object Model, DOM), event based on document structure It can be parsed by employing an XML parser based on Simple API for XML (SAX) or an XML pull parser (XPP) based on “pull” mode.

In step S103 of generating a tag of the second format, the semantic paragraphs are inferred from the tag of the first format, and the tag of the first format can be parsed for each paragraph. In addition, in the step of generating a tag of the second format (S103 ), each of the paragraphs may be substituted into pre-stored tag mapping information to generate a tag of the second format corresponding to the tag of the first format.

The rendering step S105 is a step of rendering the generated second format tag.

Rendering is to display the requested content on the page screen, and the rendering engine can basically display HTML documents, XML documents, and images, and can also display types such as PDF using the page extension function.

For example, the rendering process may go through HTML parsing for building a DOM tree, building a render tree, arranging a render tree, and drawing a render tree.

The user can modify the font, spacing, size, etc. of characters expressed through tags of the second format on the web page. The tag of the second format may be modified to correspond to the user's modification in the temporary area.

That is, the font editing method using the SVG format according to an embodiment of the present invention has an advantage in that characters can be expressed using various stored fonts even if the user does not directly design the font.

Extracting the modified second format tag (S107) is a step of extracting the modified tag from the modified second format tag when the generated second format tag is modified.

The generating of the first coordinate information (S109) extracts second coordinate information for each of the characters expressed through the modified second format tag, and based on the extracted second coordinate information. This is a step of generating first coordinate information for characters expressed through a tag.

That is, second coordinate information for each of the characters expressed on the web page may be extracted through the modified second format tag. Then, the extracted second coordinate information is substituted into pre-stored coordinate mapping information, so that the first coordinate information for characters expressed through tags of the first format on the web page can be generated.

For example, when the word A in the (0,0) coordinate in the HTML format is moved to the (10,10) coordinate, the coordinate information of the word A in the modified HTML format may be (10,10). As the coordinate information for the word A is substituted into pre-stored SVG-HTML coordinate mapping information, coordinate information for the SVG format corresponding to the coordinate information corresponding to (10,10) in the HTML format may be generated.

SVG 1.1 and earlier versions do not support editing of text leading, paragraph, and alignment, because only the arrangement method using absolute coordinates is supported, but editing the SVG format through HTML format edits text leading, paragraph, and alignment. This can be done.

The updating step S111 is a step of updating pre-stored coordinate information with respect to characters expressed through the first format tag based on the generated first coordinate information.

By updating the pre-stored coordinate information with the generated first coordinate information, the position of the characters expressed through the first format tag on the web page is represented to correspond to the position of the characters expressed through the modified second format tag. Can be.

For example, when the coordinate information of the word A in the HTML format is modified to (10,10), first coordinate information for the SVG format corresponding to the (10,10) coordinate information for the HTML format may be generated. By updating the local coordinate information of the word A previously stored in the SVG format with the generated local coordinate information of the SVG format, the A word in the SVG format on the web page can be expressed in the same position as the A word in the HTML format.

Web pages provide SVG rendering in addition to HTML, and when style attributes such as font and size of text are the same, they provide rendering results that are almost similar between tags in HTML format and tags in SVG format. You can change the tags in SVG format based on the modifications.

By going through the above series of steps, the SVG format tag can be updated by constructing the SVG DOM Tree to which the text layout corresponding to the edited result of the HTML format rendered on the web page is applied.

2 is a block diagram briefly illustrating a font editing system using an SVG format according to an embodiment of the present invention.

2, the font editing system 100 using the SVG format includes a font storage unit 101, a first format input unit 103, a mapping information storage unit 105, an editing unit 107, and a second format input unit ( 109).

The font storage unit 101 may store various fonts, and the first format input unit 103 may receive selected fonts among characters and fonts stored in the font storage unit 101 through tags of the first format.

For example, even if the font is not stored in the local area, the user can select the font of the character expressed through the tag in the first format by inputting the font stored in the font storage unit 101 into the tag in the first format.

The mapping information storage unit 105 may pre-store tag mapping information and coordinate mapping information.

The pre-stored tag mapping information is conversion information between the first format tag and the second format tag.

The pre-stored coordinate mapping information is conversion information between coordinate information for characters expressed through a tag in a first format and coordinate information for characters expressed through a tag in a second format on a web page.

For example, the pre-stored tag mapping information may include conversion information for an HTML format tag corresponding to an SVG format tag.

In addition, the pre-stored coordinate mapping information may include conversion information between coordinate information for characters expressed on a web page through tags in the SVG format and coordinate information for characters expressed through HTML tags.

The editing unit 107 may generate a tag in the second format corresponding to the tag in the first format by substituting the tag in the first format into pre-stored tag mapping information.

For example, the editing unit 107 may generate a tag in HTML format called A_HTML by substituting a tag in SVG format called A_SVG into pre-stored tag mapping information.

That is, the editing unit 107 may generate tags in the second format by parsing the phrases included in the first format tag and substituting the parsed phrases in pre-stored tag mapping information.

The generated second format tag is rendered in a temporary area invisible to the user, and while the user modifies the characters expressed through the second format tag on the web page, the second format tag can be modified in the temporary area. have.

When the user modifies the tag of the second format through the second format input unit 109, the editing unit 107 may extract the modified second format tag.

In addition, the editing unit 107 may extract second coordinate information for characters expressed through the modified second format tag on the web page.

The editing unit 107 may generate the first coordinate information for the characters expressed on the web page through tags of the first format by substituting the extracted second coordinate information into pre-stored coordinate mapping information.

For example, the editing unit 107 extracts second coordinate information for characters expressed through a modified HTML format tag on a web page, and substitutes the extracted second coordinate information into pre-stored coordinate mapping information, thereby generating an SVG format. The first coordinate information for characters expressed on the web page may be generated through the tag.

The editing unit 107 updates the coordinate information pre-stored in the characters expressed through the tag of the first format with the generated first coordinate information, thereby pre-stored the coordinate information for the characters expressed through the tag of the first format. You can update them.

The editing unit 107 updates the pre-stored coordinate information for the characters expressed through the tag in the first format with the generated first coordinate information, so that the position of the characters expressed on the web page through the tag in the first format It can be expressed to correspond to the position of the characters expressed through the modified second format tag.

For example, the editing unit 107 may generate the first coordinate information for the character represented by the tag in the SVG format by substituting the coordinate information for the character represented by the tag in the HTML format into pre-stored coordinate mapping information.

In addition, the editing unit 107 changes the position of the characters expressed through the tags in the SVG format on the web page by updating the previously stored coordinate information in the characters expressed through the tags in the SVG format with the generated first coordinate information. Can be.

The second format input unit 109 may receive a tag of the second format modified by the user on the web page.

That is, when the second format tag is rendered in the temporary area by the editing unit 107, the user can modify the size and local coordinates of the character expressed through the second format tag through the second format input unit 109. have.

In the process of input by the user, the editing unit 107 extracts the tag of the second format modified by the user, and substitutes the extracted tag of the second format into pre-stored tag mapping information to extract the second format of the extracted second format. A first format tag corresponding to the tag may be generated.

In addition, the editing unit 107 substitutes the second coordinate information for the character expressed through the tag of the second format on the web page into the pre-stored coordinate mapping information, so that the first for the character expressed through the tag of the first format. Coordinate information can be generated.

Although the description herein appears in several exemplary aspects, various modifications or changes can be made from the scope defined by the claims below, and the technical protection scope of the present invention is described in the following claims. It will have to be decided by.

100: font editing method using SVG format
101: font storage
103: first format input
105: mapping information storage unit
107: editorial department
109: second format input

Claims (20)

In the font editing method performed by the font editing system using the SVG format,
Receiving a character and a font for the character through a tag of the first format;
Generating a second format tag corresponding to the first format tag;
Extracting the modified second format tag when the generated second format tag is modified;
The second coordinate information for each of the characters expressed through the modified second format tag is extracted, and the extracted second coordinate information is substituted into pre-stored coordinate mapping information and expressed through the first format tag. Generating first coordinate information for the texts; And
And updating coordinate information pre-stored in the characters expressed through the tag of the first format to the generated first coordinate information,
How to edit fonts. According to claim 1,
The step of generating a tag of the second format,
Parsing phrases included in the first format tag; And
And substituting the parsed phrases into pre-stored tag mapping information to generate tags in the second format,
How to edit fonts. According to claim 1,
After the step of generating the tag of the second format,
The method further includes rendering the generated second format tag in a temporary area not provided to the user.
How to edit fonts.
delete According to claim 1,
Updating to the first coordinate information,
Updating the pre-stored coordinate information with the generated first coordinate information so that the position of the characters expressed through the first format tag corresponds to the position of the characters expressed through the modified second format tag. Containing,
How to edit fonts. According to claim 1,
The first format includes the SVG format,
The second format includes an HTML format,
How to edit fonts. According to claim 2,
The pre-stored tag mapping information,
Including conversion information between the first format tag and the second format tag,
How to edit fonts. According to claim 1,
The pre-stored coordinate mapping information,
And conversion information between coordinate information for characters expressed through the tag of the first format and coordinate information for characters expressed through the tag of the second format,
How to edit fonts. The method of claim 5,
The pre-stored coordinate information,
Before the tag of the second format is modified, coordinate information for characters represented by the tag of the first format on a web page,
How to edit fonts. A first format input unit that receives a character and a font for the character through a tag of the first format; And
Create a second format tag corresponding to the first format tag,
When the generated second format tag is modified, the modified second format tag is extracted,
Extracting second coordinate information for each of the characters expressed through the modified second format tag,
Substituting the extracted second coordinate information into pre-stored coordinate mapping information to generate first coordinate information for characters expressed through the tag of the first format,
And an editing unit for updating coordinate information pre-stored in the characters expressed through the tag of the first format with the generated first coordinate information,
Font editing system using SVG format.
The method of claim 10,
The editing unit,
Parses the phrases included in the first format tag,
Substituting the parsed phrases into pre-stored tag mapping information to generate a tag in the second format,
Font editing system using SVG format. The method of claim 10,
The editing unit,
Rendering the generated second format tag in a temporary area not provided to the user,
Font editing system using SVG format. delete The method of claim 10,
The editing unit,
Updating the pre-stored coordinate information with the generated first coordinate information so that the position of the characters expressed through the first format tag corresponds to the position of the characters expressed through the modified second format tag,
Font editing system using SVG format. The method of claim 10,
The first format includes the SVG format,
The second format includes an HTML format,
Font editing system using SVG format. The method of claim 11,
The pre-stored tag mapping information,
Including conversion information between the first format tag and the second format tag,
Font editing system using SVG format. The method of claim 10,
The pre-stored coordinate mapping information,
And conversion information between coordinate information for characters expressed through the tag of the first format and coordinate information for characters expressed through the tag of the second format,
Font editing system using SVG format. The method of claim 14,
The pre-stored coordinate information,
Before the tag of the second format is modified, coordinate information for characters represented by the tag of the first format on a web page,
Font editing system using SVG format. The method of claim 10,
Further comprising a font storage in which the font is stored,
The first format input unit,
Receiving one or more selected fonts stored in the font storage unit,
Font editing system using SVG format. A computer readable recording medium recording a program for executing the method of claim 1 using a computer.

Images