KR101880507B1 - Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof - Google Patents

Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof Download PDF

Info

Publication number
KR101880507B1
KR101880507B1 KR1020170051417A KR20170051417A KR101880507B1 KR 101880507 B1 KR101880507 B1 KR 101880507B1 KR 1020170051417 A KR1020170051417 A KR 1020170051417A KR 20170051417 A KR20170051417 A KR 20170051417A KR 101880507 B1 KR101880507 B1 KR 101880507B1
Authority
KR
South Korea
Prior art keywords
code
size
border
web document
markup language
Prior art date
Application number
KR1020170051417A
Other languages
Korean (ko)
Inventor
신기훈
Original Assignee
주식회사 한글과컴퓨터
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 한글과컴퓨터 filed Critical 주식회사 한글과컴퓨터
Priority to KR1020170051417A priority Critical patent/KR101880507B1/en
Application granted granted Critical
Publication of KR101880507B1 publication Critical patent/KR101880507B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G06F17/20Handling natural language data
    • G06F17/21Text processing
    • G06F17/24Editing, e.g. insert/delete
    • G06F40/166

Abstract

Disclosed are a client terminal device supporting the sizing of a figure inserted into a web document and an operating method thereof. If an editing command related with sizing is applied to a scalable vector graphics (SVG) file type figure inserted into a web document, the size and insertion position of the figure are confirmed and the width of a border forming the edge of the figure is confirmed, and then, a code for changing only the size of the figure without changing the width of the border is generated to be inserted into a markup language code forming the web document, and thus, provided is a figure editing technology capable of enabling the width of the border to be maintained as original when the figure is sized over the web document.

Description

TECHNICAL FIELD [0001] The present invention relates to a client terminal apparatus for supporting size adjustment of a figure inserted in a web document, and a client terminal apparatus supporting the size adjustment of a figure inserted in a web document,

The present invention relates to techniques for processing an edit command that instructs resizing of a graphic object embedded in a web document.

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

The browser uses the Document Object Model to render the web document and display it on the screen. The Document Object Model is an object-oriented model that represents a structured document and allows all elements of the Web, including graphics, text, headlines, and styles, to be manipulated by a scripting language such as JavaScript.

A browser parses a web document created based on a markup language to generate a document object model, and then renders the web document based on the generated document object model, thereby displaying the web document on the screen.

In general, in order for a user to edit a web document, he had to directly modify the markup language code that constitutes the web document. For example, when a user desires to insert a predetermined image into a web document made of HTML, a command related to the HTML code must be inserted using a code called "embed src " There was a difficulty.

In order to alleviate the difficulty of editing a web document, an editing tool has recently emerged that allows a user to easily edit a web document through a graphical user interface.

The editing tool of the web document supports the input of a figure having a scalable vector graphics (SVG) file format on a web document. When such a graphic form of the SVG file format is inputted into a web document, Web document editing tools often support the insertion of SVG file types into Web documents using the code "embed src".

When the shape of the SVG file format is inserted into the web document through the code "embed src", when the user adjusts the size of the figure inputted on the web document, the size of the figure But the width of the border constituting the border of the figure is adjusted at a time, so that the edit command intended by the user is often not accurately reflected on the web document.

For example, as shown in reference numeral 110 in Fig. 1, when a figure 111 is inserted on a web document via an "embed src" code, the user inputs an editing command for enlarging the size of the figure 111 The figure 111 inserted in the web document is not enlarged only to the size of the figure 111 itself but extends to the width of the border 112 constituting the border of the figure .

Generally, in editing a document, a user adjusts the size of a graphic object because it often means enlarging only the size of the graphic object while maintaining the width of the border in its original width state. A web document editing technology that supports only the size of a graphic object itself while maintaining the width of a border when a command to enlarge or reduce an SVG file format inserted in a web document is applied .

In the present invention, when an editing command associated with resizing is applied to a graphic form of a scalable vector graphics (SVG) file format inserted on a web document, the insertion position and the size of the graphic are confirmed, A code for changing only the size of the graphic object is generated while the width of the border is not changed after confirming the width of a border constituting the edge of the web page, So that the width of the border can be maintained at the original width when the size of the figure is adjusted on the web document.

A client terminal device supporting size adjustment of a figure embedded in a web document according to an exemplary embodiment of the present invention includes a client terminal device for displaying the size of a figure on a web document in which a figure having a Scalable Vector Graphics (SVG) A scale confirmation unit for confirming a scale value according to the size adjustment of the figure corresponding to the edit instruction when an edit command instructing the size adjustment of the figure is applied, A border check unit for checking a width of a border constituting the border of the figure in the web document and a border check unit for checking the width of the border of the border, A command for instructing that the width adjustment should not be performed, adjusting only the size of the figure based on the scale value, The shape adjustment is completed and a shape sizing control unit for display arranged on the insertion position on the web.

In addition, an operation method of a client terminal device supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention includes: Checking a scale value according to the size adjustment of the figure corresponding to the edit instruction when an edit command instructing the size adjustment is inputted, checking the insertion position where the figure is inserted in the web document and the size of the figure Determining a width of a border constituting the border of the figure in the web document, and executing a command instructing that the width adjustment of the border is not performed according to the scale value, and based on the scale value, After adjusting only the size of the figure, the size-adjusted figure is placed on the insertion position on the web document Comprising the step of displaying over.

In the present invention, when an editing command associated with resizing is applied to a graphic form of a scalable vector graphics (SVG) file format inserted on a web document, the insertion position and the size of the graphic are confirmed, A code for changing only the size of the graphic object is generated while the width of the border is not changed after confirming the width of a border constituting the edge of the web page, So that the width of the border can be maintained at the original width when the size of the figure is adjusted on the web document.

1 is a diagram illustrating an example of a general screen that is processed when a size adjustment of a graphic form of a scalable vector graphics (SVG) file format inserted in a web document occurs.
2 is a diagram illustrating a structure of a client terminal device supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention.
3 to 4 are views for explaining operations of a client terminal device supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention.
5 is a flowchart illustrating an operation method of a client terminal device supporting size adjustment of a figure embedded in a web document according to an exemplary embodiment of the present invention.

Hereinafter, embodiments according to the present invention will be described in detail with reference to the accompanying drawings. It is to be understood that the description is not intended to limit the invention to the specific embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. Like reference numerals in the drawings are used for similar elements and, unless otherwise defined, all terms used in the specification, including technical and scientific terms, are to be construed in a manner that is familiar to those skilled in the art. It has the same meaning as commonly understood by those who have it.

2 is a diagram illustrating a structure of a client terminal device supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention.

Referring to FIG. 2, a client terminal 210 supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention includes a scale verification unit 211, a figure verification unit 212, a border ) Confirmation unit 213 and a figure size adjustment control unit 214. [

When an editing command for instructing a size adjustment of the graphic form is applied by the user on a web document to which a graphic having a scalable vector graphics (SVG) file format is input, And confirms a scale value according to the size adjustment of the figure in response to the edit command.

The figure check unit 212 checks the insertion position where the figure is inserted in the web document and the size of the figure.

The border check unit 213 checks the width of the border constituting the border of the graphic object in the web document.

The figure size adjustment control unit 214 executes a command for instructing that the width adjustment of the border is not performed according to the scale value, adjusts the size of the figure on the basis of the scale value, And displays it on the inserted position on the web document.

According to an embodiment of the present invention, the web document is configured with a markup language code for instructing a command for displaying the web document through a browser, and the markup language The code includes a figure embedding code for instructing the figure to be inserted and displayed in a view box having a size corresponding to the size including both the figure and the border, The attribute information of the figure includes information on the insertion position of the figure on the web document and the size of the figure) and attribute information of the border (the information on the width of the border includes the information on the attribute of the border ) May be defined.

At this time, the figure check unit 212 refers to the attribute information of the figure defined in the markup language code, and calculates a starting coordinate value indicating a starting point for displaying the insertion position of the figure in the web document, The border check unit 213 can check the insertion position and the size of the figure based on the starting coordinate value and the path information after confirming the path information indicating the shape of the figure from the value, The width of the border can be confirmed by referring to the attribute information of the border defined in the up language code.

According to an embodiment of the present invention, the graphics size adjustment control unit 214 may include a first code adding unit 215, a second code adding unit 216, and a rendering unit 217.

The first code adding unit 215 instructs the size of the figure to be adjusted according to the scale value and at the same time the starting point for displaying the insertion position on the web document of the size- The first code is added to a code indicating attribute information of the figure defined on the markup language code.

The second code adding unit 216 generates a second code for executing a command for instructing that the width adjustment of the border is not performed according to the scale value and outputs the second code to the markup language code To the code indicating the attribute information of the border.

When the addition of the first code and the second code is completed on the markup language code, the rendering unit 217 refers to the attribute information of the figure and the attribute information of the border defined in the markup language code And displays the rendered figure on the web document.

In this case, according to an embodiment of the present invention, the figure size adjustment control unit 214 may further include a figure embed code correction unit 218.

The figure embedding code correcting unit 218 generates a corrected figure embedding code for instructing the size of the view box to be corrected to a size corresponding to the size including both the size of the figure whose size has been adjusted and the width of the border And changes the figure insertion code included in the markup language code to the modified figure insertion code.

At this time, the rendering unit 217 completes the modification to the modified graphic form embedding code on the markup language code, and when the addition of the first code and the second code is completed, The size of the view box is adjusted and the size-adjusted figure is inserted into the size-adjusted view box by referring to the attribute information of the figure defined in the markup language code and the attribute information of the border By performing the rendering, the scaled geometry can be displayed on the web document.

In addition, according to an embodiment of the present invention, when rendering of the markup language code is completed and the addition of the first code and the second code is completed, Parsing the markup language code through the browser to generate a document object model for the web document, and based on the document object model, Rendering can be performed so that a figure is inserted and displayed.

Hereinafter, the operation of the client terminal device 210 supporting the size adjustment of a figure embedded in a web document according to the present invention will be described in detail with reference to FIG. 3 to FIG.

FIGS. 3 and 4 are views for explaining the operation of the client terminal device 210 supporting size adjustment of a figure embedded in a web document according to an embodiment of the present invention.

First, a figure 311 having an SVG file format is inserted on a web document as shown in reference numeral 310 in FIG. 3, and a border 312 shown in reference numeral 312 is inserted in the figure 311 Suppose there is. The figure 311 and the border 312 may include a view box 313 having a size corresponding to the size including both the figure 311 and the border 312 on the web document, And may be inserted and included in the memory card.

At this time, the markup language code constituting the web document includes a code for displaying the figure 311 and the border 312 in the view box 313 on the web document, Specifically, as shown in reference numeral 411, the markup language code includes a view box (not shown) for allowing both the figure 311 and the border 312 to be included through a code called "span class " 313) may be defined, and a figure 311 having an SVG file format may be defined to be inserted into the view box 313 through a code "embed src".

The markup language code may include a code for defining attribute information associated with the insertion position of the graphic object 311 on the web document and the size of the graphic object 311, , Code defining the attribute information associated with the width of the border 312, as shown at 413, may be included.

At this time, in the attribute information of the figure 311 defined in the markup language code, as shown in reference numeral 421, a starting coordinate value indicating a starting point for displaying the insertion position of the figure 311 in the web document And path information indicating the shape of the graphic object 311 may be included in the starting coordinate value as shown in reference numeral 422. [

The attribute information of the border 312 defined in the markup language code may include information about the width of the border 312, as indicated by reference numeral 423.

Under such a situation, when an editing command for enlarging the size of the graphic object 311 is applied by the user as shown in the figure 320, the scale confirmation unit 211 displays the graphic object 311 corresponding to the editing command, It is possible to confirm the scale value according to the enlargement of the size.

The figure check unit 212 refers to the attribute information of the figure 311 defined in the markup language code as indicated by reference numeral 410 and displays the insertion position of the figure 311 in the web document And the path information indicating the shape of the graphic object from the starting coordinate value. Then, based on the starting coordinate value and the path information, the size of the graphic object 311 can be determined based on the starting coordinate value and the path information have.

The border check unit 213 can check the width of the border 312 by referring to the attribute information of the border 312 defined in the markup language code.

Thereafter, the first code adding unit 215 instructs the size of the graphic object 311 to be enlarged according to the scale value, and at the same time, displays the insertion position of the size-adjusted graphic object 311 on the web document And the first code is added to the code indicating the attribute information of the figure 311 defined on the markup language code by generating a first code for executing a command instructing that the starting point for the figure 311 be the starting coordinate value can do.

In this regard, the first code adding unit 215 generates the first code and adds it to the code indicating the attribute information of the figure 311 defined on the markup language code, as shown in Table 1 below You can create and execute a statement.

var transformStr = "scale (" + newScaleX + "," + newScaleY + ") translate (" + newTransX + "," + newTransY + ")";
$ shapeSvg.find ('g'). find ('g'). attr ("transform", transformStr);

That is, the first code addition unit 215 instructs the size of the graphic object 311 to be enlarged according to the scale value by executing a command as shown in Table 1, So that the starting coordinate value associated with the insertion position on the web document is the starting coordinate value of the original graphic object 311 (i.e., even if the size of the graphic object 311 is enlarged, it is present at the same position as before the size is enlarged on the web document) The first code can be added to and modified from the code indicating the attribute information of the figure 311 indicated by the reference numeral 412 in Fig. 4 after generating the first code for executing the instruction to instruct.

The second code adding unit 216 generates a second code for executing a command instructing that the width adjustment of the border 312 is not performed according to the scale value and outputs the second code to the markup language code To the code indicating the attribute information of the border 312 defined in the attribute information.

In this case, according to an embodiment of the present invention, the second code adder 216 adds "non " to the second code for executing a command instructing not to perform the width adjustment of the border 312 according to the scale value quot; non-scaling-stroke "code to the code indicating the attribute information of the border 312 defined in the markup language code.

In this regard, the second code adding unit 216 generates the second code and adds it to the code indicating the attribute information of the border 312 defined on the markup language code, as shown in Table 2 below You can create and execute a statement.

$ shapeSvg.find ('g'). find ('path'). attr ("vector-effect", "non-scaling-stroke");

That is, the second code adding unit 216 performs a non-scaling (non-scaling) operation on the second code for executing a command instructing that the width adjustment of the border 312 is not performed by executing a command as shown in Table 2 above. quot; -stroke ", the second code may be added to the code indicating the attribute information of the border 312 indicated by reference numeral 413 in Fig.

The figure embedding code corrector 218 corrects the size of the view box 313 to a size corresponding to the size including both the size of the figure 311 that has been resized and the width of the border 312 The graphic form embedding code included in the markup language code can be changed to the modified graphic form embedding code.

In this regard, the figure embedding code correcting unit 218 executes a statement as shown in Table 3 below so that the size of the view box 313 corresponds to the size of the figure 311 and the width of the border 312 The graphic form inserting code for the view box 313 defined on the markup language code is changed to the modified graphic form inserting code .

$ shapeSvg.find ('g'). find ('path'). removeAttr ("vector-effect");
$ shapeEmbed.css ('width', (newEmbedWidth) + 'px');
$ shapeEmbed.css ('height', (newEmbedHeight) + 'px');
$ shapeSpan.css ('width', (newEmbedWidth) + 'px');
$ shapeSpan.css ('height', (newEmbedHeight) + 'px');
var viewBoxStr = "0 0" + (newEmbedWidth) + "" + (newEmbedHeight);
$ shapeSvg.find ('svg'). get (0) .setAttribute ("viewBox", viewBoxStr);

In this way, the first code addition unit 215, the second code addition unit 216, and the graphic form insertion code correction unit 218 complete the change to the modified graphic form insertion code on the markup language code, 1 code and the second code are completed, the rendering unit 217 refers to the attribute information of the figure 311 defined in the markup language code and the attribute information of the border 312, The user may perform rendering such that the size-adjusted figure 311 is inserted and displayed in the size-adjusted view box 313, as shown in the reference numeral 320 of FIG. A figure 311 can be displayed.

At this time, the rendering unit 217 parses the markup language code through the browser, generates a document object model for the web document, and generates a document object model based on the document object model, Likewise, rendering can be performed so that the figure 311 having been subjected to the size adjustment is inserted and displayed in the view box 313 in which the size adjustment is completed.

In this way, the client terminal device 210 supporting the size adjustment of the figure inserted in the web document according to the present invention, when the edit command related to the size adjustment is applied to the figure of the SVG file format inserted on the web document, A code for changing only the size of the figure while checking the insertion position and size of the figure and checking the width of the border constituting the border of the figure and making the width of the border not to be changed, , The width of the border can be maintained at the original width when the size of the figure is adjusted on the web document.

In the above description, when the size adjustment is performed on a figure inserted on the web document by the user, the width of the border is maintained and only the size of the figure is adjusted. However, according to another embodiment of the present invention , The client terminal device 210 that supports the adjustment of the size of the figure inserted in the web document is configured such that when an editing command instructing the size adjustment to the border is applied by the user, the size adjustment of the figure is not performed A code for adjusting only the size of the border may be generated and inserted into the markup language code constituting the web document so that only the size of the border is adjusted.

5 is a flowchart illustrating an operation method of a client terminal device supporting size adjustment of a figure embedded in a web document according to an exemplary embodiment of the present invention.

In step S510, when an editing instruction for instructing the size adjustment of the graphic is given by the user on a web document to which the graphic having the SVG file format is inputted, Check the scale value.

In step S520, the insertion position where the graphic object is inserted in the web document and the size of the graphic object are checked.

In step S530, the width of the border constituting the border of the figure is checked in the web document.

In step S540, a command to instruct the width adjustment of the border is not performed according to the scale value, only the size of the figure is adjusted on the basis of the scale value, and the figure- On the inserting position.

According to an embodiment of the present invention, the web document is composed of a markup language code that indicates a command for displaying the web document through a browser, and the markup language code includes the figure, And a shape inserting code for instructing the figure to be inserted and displayed in a view box having a size corresponding to a size including all of the shape information of the figure, And the attribute information of the border (the information on the width of the border is included in the attribute information of the border) may be defined.

At this time, in step S520, a starting coordinate value indicating a starting point for displaying the insertion position of the graphic object in the web document is determined from the starting coordinate value by referring to the attribute information of the graphic object defined in the markup language code After checking the path information indicating the shape of the graphic object, the insertion position and the size of the graphic object can be confirmed based on the starting coordinate value and the path information. In step S530, The width of the border can be confirmed by referring to the attribute information of the border.

According to an embodiment of the present invention, in step S540, the size of the figure is adjusted according to the scale value, and at the same time, Generating a first code for executing a command indicating that the starting point is the starting coordinate value and adding the first code to a code indicating attribute information of the figure defined on the markup language code, Generating a second code for executing a command instructing that the width adjustment of the border is not performed according to the scale value, and transmitting the second code to a code indicating attribute information of the border defined in the markup language code And when the addition of the first code and the second code on the markup language code is completed, Attribute information of the word shapes, defined in the code with reference to attribute information of the border by which the sizing is complete on the Web document may include the step of displaying and rendering the shape.

At this time, in step S540, the modified figure insertion code is generated to instruct the size of the view box to be corrected to a size corresponding to the size including both the size of the figure-adjusted figure and the width of the border, Up language code into the modified figure insertion code.

At this time, the step of rendering and displaying may include the step of, when the modification of the markup language code to the modified graphic form embedment code is completed and the addition of the first code and the second code are completed, The size of the view box is adjusted, and the resized figure is inserted into the resized view box by referring to the attribute information of the figure defined in the markup language code and the attribute information of the border, So that the size-adjusted figure can be displayed on the web document.

In addition, according to an embodiment of the present invention, the rendering and displaying may be performed by changing the markup language code to the modified graphic insertion code and completing the addition of the first code and the second code , Parses the markup language code through the browser to create a document object model for the web document, and inserts the resized figure into the resized view box based on the document object model Rendering can be performed.

The operation of the client terminal device supporting the size adjustment of the figure embedded in the web document according to the embodiment of the present invention has been described above with reference to FIG. Herein, the operation method of the client terminal device supporting the size adjustment of the figure embedded in the web document according to the embodiment of the present invention supports the size adjustment of the figure embedded in the web document described with reference to Figs. 2 to 4 The operation of the client terminal device 210 can be corresponded to the configuration of the client terminal device 210, so that a detailed description thereof will be omitted.

A method of operating a client terminal device supporting size adjustment of a figure embedded in a web document according to an exemplary embodiment of the present invention may be implemented by a computer program stored in a storage medium for execution through a combination with a computer.

The operation method of the client terminal device supporting the size adjustment of the figure embedded in the web document according to the embodiment of the present invention may be implemented in the form of a program command which can be executed through various computer means, . The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions recorded on the medium may be those specially designed and constructed for the present invention or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media 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 machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like.

As described above, the present invention has been described with reference to particular embodiments, such as specific elements, and specific embodiments and drawings. However, it should be understood that the present invention is not limited to the above- And various modifications and changes may be made thereto by those skilled in the art to which the present invention pertains.

Accordingly, the spirit of the present invention should not be construed as being limited to the embodiments described, and all of the equivalents or equivalents of the claims, as well as the following claims, belong to the scope of the present invention .

210: a client terminal device supporting size adjustment of a figure inserted in a web document
211: Scale verification unit 212:
213: border confirmation unit 214: graphic size adjustment control unit
215: first code adding unit 216: second code adding unit
217: Rendering unit 218: Graphic embedding code correcting unit

Claims (12)

  1. When an editing instruction for instructing a size adjustment of the graphic object is applied by a user on a web document to which a graphic object having a scalable vector graphics (SVG) file format is input, A scale confirmation unit for confirming a scale value according to the size adjustment of the scale;
    A figure verifying unit for verifying the insertion position where the figure is inserted and the size of the figure in the web document;
    A border check unit for checking a width of a border constituting a border of the figure in the web document; And
    And a controller for executing a command for instructing that the width adjustment of the border is not performed according to the scale value, adjusting only the size of the figure on the basis of the scale value, And the figure size adjustment control unit
    Lt; / RTI >
    Wherein the web document is composed of a markup language code for instructing to display the web document through a browser,
    Wherein the markup language code includes a figure insertion code for indicating the figure to be inserted and displayed in a viewbox having a size corresponding to a size including both the figure and the border, The attribute information of the figure includes information on the insertion position of the figure on the web document and the size of the figure, and attribute information of the border, and attribute information of the border includes information on the width of the border - Information is included,
    The figure checking unit
    A start coordinate value indicating a starting point for displaying the insertion position of the graphic object in the web document by referring to the attribute information of the graphic object defined in the markup language code and a shape of the graphic object from the starting coordinate value Checking the insertion position and the size of the figure based on the starting coordinate value and the path information after confirming the path information,
    The border check unit
    The width of the border is checked with reference to the attribute information of the border defined in the markup language code,
    The figure size adjustment control unit
    Instructing the size of the figure to be adjusted according to the scale value and instructing that the starting point for displaying the insertion position on the web document of the resized figure is the starting coordinate value A first code adder for generating a first code and adding the first code to a code indicating attribute information of the figure defined on the markup language code;
    A second code for executing a command instructing that the width adjustment of the border is not performed according to the scale value, the second code being a "non-scaling-stroke" code, To a code indicating attribute information of the border defined in the language code;
    And a modified figure embedding code for instructing the size of the view box to be corrected to a size corresponding to a size including both the size of the resized figure and the width of the border, A graphic embedment code modifying unit for modifying the graphic embedment code into the graphic form embedding code; And
    And when the addition of the first code and the second code is completed, the size of the view box is adjusted with reference to the modified graphic insertion code, By referring to the attribute information of the figure defined in the markup language code and the attribute information of the border, rendering is performed so that the resized figure is inserted and displayed in the resized view box, A rendering unit for displaying the figure on which the size adjustment is completed,
    Lt; / RTI >
    The rendering unit
    When the addition of the first code and the second code is completed, the markup language code is parsed through the browser, and the markup language code is parsed into the web document A document object model for creating a document object model, and then, based on the document object model, a graphic object that is rendered in the view box in which the resized figure is inserted and displayed in the resized view box, A client terminal device that supports resizing.
  2. delete
  3. delete
  4. delete
  5. delete
  6. When an editing instruction for instructing a size adjustment of the graphic object is applied by a user on a web document to which a graphic object having a scalable vector graphics (SVG) file format is input, Confirming a scale value in accordance with the size adjustment;
    Confirming the insertion position where the figure is inserted and the size of the figure in the web document;
    Confirming a width of a border constituting a border of the graphic object in the web document; And
    And a controller for executing a command for instructing that the width adjustment of the border is not performed according to the scale value, adjusting only the size of the figure on the basis of the scale value, And displaying
    Lt; / RTI >
    Wherein the web document is composed of a markup language code for instructing to display the web document through a browser,
    Wherein the markup language code includes a figure embedding code for indicating the figure to be inserted and displayed in a view box having a size corresponding to a size including both the figure and the border, Information on the shape of the figure is included in the attribute information of the figure, information on the insertion position of the figure on the web document and the size of the figure are included, and attribute information of the border, Information is included - is defined,
    The step of checking the size of the figure
    A start coordinate value indicating a starting point for displaying the insertion position of the graphic object in the web document by referring to the attribute information of the graphic object defined in the markup language code and a shape of the graphic object from the starting coordinate value Checking the insertion position and the size of the figure based on the starting coordinate value and the path information after confirming the path information,
    The step of verifying the width of the border
    The width of the border is checked with reference to the attribute information of the border defined in the markup language code,
    The step of arranging and displaying
    Instructing the size of the figure to be adjusted according to the scale value and instructing that the starting point for displaying the insertion position on the web document of the resized figure is the starting coordinate value 1 code and adding the first code to a code indicating attribute information of the figure defined on the markup language code;
    A second code for executing a command instructing that the width adjustment of the border is not performed according to the scale value, the second code being a "non-scaling-stroke" code, To the code indicating the attribute information of the border defined in the up language code;
    And a modified figure embedding code for instructing the size of the view box to be corrected to a size corresponding to a size including both the size of the resized figure and the width of the border, Changing the figure embedding code to the modified graphic embedding code; And
    And when the addition of the first code and the second code is completed, the size of the view box is adjusted with reference to the modified graphic insertion code, By referring to the attribute information of the figure defined in the markup language code and the attribute information of the border, rendering is performed so that the resized figure is inserted and displayed in the resized view box, A step of displaying the scaled geometry on the screen
    Lt; / RTI >
    The step of displaying the resized figure
    When the addition of the first code and the second code is completed, the markup language code is parsed through the browser, and the markup language code is parsed into the web document A document object model for creating a document object model, and then, based on the document object model, a graphic object that is rendered in the view box in which the resized figure is inserted and displayed in the resized view box, A method of operating a client terminal device that supports resizing.
  7. delete
  8. delete
  9. delete
  10. delete
  11. A computer-readable recording medium storing a program for causing a computer to perform the method of claim 6.
  12. A computer program stored in a storage medium for executing the method of claim 6 through a combination with a computer.
KR1020170051417A 2017-04-21 2017-04-21 Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof KR101880507B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170051417A KR101880507B1 (en) 2017-04-21 2017-04-21 Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170051417A KR101880507B1 (en) 2017-04-21 2017-04-21 Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof

Publications (1)

Publication Number Publication Date
KR101880507B1 true KR101880507B1 (en) 2018-07-20

Family

ID=63103423

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170051417A KR101880507B1 (en) 2017-04-21 2017-04-21 Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof

Country Status (1)

Country Link
KR (1) KR101880507B1 (en)

Citations (43)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0554151A (en) * 1991-08-22 1993-03-05 Brother Ind Ltd Stereoscopic graphic processor
US6317137B1 (en) * 1998-12-01 2001-11-13 Silicon Graphics, Inc. Multi-threaded texture modulation for axis-aligned volume rendering
US6647410B1 (en) * 1999-11-05 2003-11-11 Reuters Limited Method, apparatus and program for delivery and display of information from dynamic and static data sources
JP2004046858A (en) * 2002-06-28 2004-02-12 Microsoft Corp Method for resolving document object collision
KR20040016357A (en) * 2002-10-23 2004-02-21 (주) 윌로우소프트 image loading method for game system
KR20040046171A (en) * 2002-11-26 2004-06-05 한국전자통신연구원 Parsing system and method of Multi-document based on elements
KR20040090867A (en) * 2003-04-18 2004-10-27 (주)아이펜텍 Method for Generating XSL Style Sheet by Using Gravity Layer Rules
JP2005057671A (en) * 2003-08-07 2005-03-03 Dainippon Screen Mfg Co Ltd Document processor, printing system, and method for adding object to document, and program
KR20060002735A (en) * 2003-03-27 2006-01-09 마이크로소프트 코포레이션 Markup language and object model for vector graphics
WO2006046666A1 (en) * 2004-10-27 2006-05-04 Justsystems Corporation Document processing device and document processing method
KR20060046307A (en) * 2004-06-01 2006-05-17 마이크로소프트 코포레이션 Method and apparatus for viewing and interacting with a spreadsheet from within a web browser
US20060200755A1 (en) * 2005-03-04 2006-09-07 Microsoft Corporation Method and system for resolving conflicts in attribute operations in a collaborative editing environment
JP2006523346A (en) * 2003-04-03 2006-10-12 ウェブ・バインダリー・リミテッド・ライアビリティ・カンパニーWeb Bindery Llc A system for producing online content printed from websites on demand
KR20070086669A (en) * 2004-11-26 2007-08-27 필립 케이. 친 A method of displaying data in a table
KR20080111450A (en) * 2006-03-15 2008-12-23 마이크로소프트 코포레이션 Efficient encoding of alternative graphic sets
KR20090056504A (en) * 2007-11-30 2009-06-03 주식회사 케이티 Proxy, terminal, method for processing the document object model events for modalities
KR20100011296A (en) * 2008-07-24 2010-02-03 삼성전자주식회사 Method and apparatus for reconstructing a web page
US20100325529A1 (en) * 2009-06-19 2010-12-23 Microsoft Corporation Resizing an Editable Area in a Web Page
KR20120003122A (en) * 2010-07-02 2012-01-10 에스케이플래닛 주식회사 Apparatus and method for processing image based on pre loading, and apparatus and method for processing image based on asynchronous loading
KR20120039514A (en) * 2009-03-23 2012-04-25 워크웨이 테크놀로지스 유에스 엘엘씨 System and method for merging edits for a conversation in a hosted conversation system
KR101161564B1 (en) * 2011-11-08 2012-07-03 주식회사 한글과컴퓨터 Terminal device and object color conversion method of the terminal device
US20130007582A1 (en) * 2011-06-30 2013-01-03 Konica Minolta Laboratory U.S.A., Inc. System and method for producing outer shadows and reflections
KR20130021482A (en) * 2011-08-23 2013-03-06 주식회사 인프라웨어 Method of editing html tables by cell unit
KR20130022485A (en) * 2011-08-24 2013-03-07 연세대학교 산학협력단 A method for providing web-page and a computer-readable recording medium recording program for implementing the method
US20130138733A1 (en) * 2011-11-25 2013-05-30 Matthias Heinrich Universal collaboration adapter for web editors
KR20130059866A (en) * 2011-11-29 2013-06-07 변규홍 Apparatus and method for converting web document
US20130246901A1 (en) * 2012-03-19 2013-09-19 Litera Technologies, LLC. System and method for synchronizing bi-directional document management
KR101328047B1 (en) * 2012-01-02 2013-11-13 네이버 주식회사 Apparatus, method and computer readable recording medium for improving loading speed of images in a webpage having a plurality of images
KR20130143614A (en) * 2010-12-23 2013-12-31 마이크로소프트 코포레이션 Techniques for electronic aggregation of information
KR20140003788A (en) * 2012-06-28 2014-01-10 (주) 사이냅소프트 Html conversion apparatus and method thereof
KR20140020435A (en) * 2012-08-08 2014-02-19 한국과학기술정보연구원 System and method for implementing real-time animation using multi-thread
US20140053050A1 (en) * 2011-04-27 2014-02-20 Fuji Film Corporation Document file display device and method
KR20140039509A (en) * 2012-09-24 2014-04-02 에스케이플래닛 주식회사 System and method for providing contextual user-interface based on mark-up language
KR20140147093A (en) * 2012-03-30 2014-12-29 마이크로소프트 코포레이션 Tracking co-authoring conflicts using document comments
KR101485788B1 (en) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 Screen division rendering based electronic document display apparatus and method
KR101504719B1 (en) * 2010-03-24 2015-03-23 뉴로우, 인코포레이티드 System and method for coordinating simultaneous edits of shared digital data
US20150199319A1 (en) * 2006-08-16 2015-07-16 Google Inc. Real-Time Document Sharing and Editing
KR20150083718A (en) * 2014-01-10 2015-07-20 삼성전자주식회사 Apparatus and Method for displaying texts in electronic device
KR20150091527A (en) * 2008-06-25 2015-08-11 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 Structured coauthoring
US20160139768A1 (en) * 2010-04-12 2016-05-19 Google Inc. Collaborative cursors in a hosted word processor
KR20160084448A (en) * 2013-11-11 2016-07-13 아마존 테크놀로지스, 인크. Document management and collaboration system
KR101647765B1 (en) * 2015-03-20 2016-08-12 (주)솔트웍스 System for unitied management of documents
KR101701110B1 (en) * 2016-03-11 2017-02-13 주식회사 인프라웨어 Method and apparatus for sharing common editing documents

Patent Citations (43)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0554151A (en) * 1991-08-22 1993-03-05 Brother Ind Ltd Stereoscopic graphic processor
US6317137B1 (en) * 1998-12-01 2001-11-13 Silicon Graphics, Inc. Multi-threaded texture modulation for axis-aligned volume rendering
US6647410B1 (en) * 1999-11-05 2003-11-11 Reuters Limited Method, apparatus and program for delivery and display of information from dynamic and static data sources
JP2004046858A (en) * 2002-06-28 2004-02-12 Microsoft Corp Method for resolving document object collision
KR20040016357A (en) * 2002-10-23 2004-02-21 (주) 윌로우소프트 image loading method for game system
KR20040046171A (en) * 2002-11-26 2004-06-05 한국전자통신연구원 Parsing system and method of Multi-document based on elements
KR20060002735A (en) * 2003-03-27 2006-01-09 마이크로소프트 코포레이션 Markup language and object model for vector graphics
JP2006523346A (en) * 2003-04-03 2006-10-12 ウェブ・バインダリー・リミテッド・ライアビリティ・カンパニーWeb Bindery Llc A system for producing online content printed from websites on demand
KR20040090867A (en) * 2003-04-18 2004-10-27 (주)아이펜텍 Method for Generating XSL Style Sheet by Using Gravity Layer Rules
JP2005057671A (en) * 2003-08-07 2005-03-03 Dainippon Screen Mfg Co Ltd Document processor, printing system, and method for adding object to document, and program
KR20060046307A (en) * 2004-06-01 2006-05-17 마이크로소프트 코포레이션 Method and apparatus for viewing and interacting with a spreadsheet from within a web browser
WO2006046666A1 (en) * 2004-10-27 2006-05-04 Justsystems Corporation Document processing device and document processing method
KR20070086669A (en) * 2004-11-26 2007-08-27 필립 케이. 친 A method of displaying data in a table
US20060200755A1 (en) * 2005-03-04 2006-09-07 Microsoft Corporation Method and system for resolving conflicts in attribute operations in a collaborative editing environment
KR20080111450A (en) * 2006-03-15 2008-12-23 마이크로소프트 코포레이션 Efficient encoding of alternative graphic sets
US20150199319A1 (en) * 2006-08-16 2015-07-16 Google Inc. Real-Time Document Sharing and Editing
KR20090056504A (en) * 2007-11-30 2009-06-03 주식회사 케이티 Proxy, terminal, method for processing the document object model events for modalities
KR20150091527A (en) * 2008-06-25 2015-08-11 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 Structured coauthoring
KR20100011296A (en) * 2008-07-24 2010-02-03 삼성전자주식회사 Method and apparatus for reconstructing a web page
KR20120039514A (en) * 2009-03-23 2012-04-25 워크웨이 테크놀로지스 유에스 엘엘씨 System and method for merging edits for a conversation in a hosted conversation system
US20100325529A1 (en) * 2009-06-19 2010-12-23 Microsoft Corporation Resizing an Editable Area in a Web Page
KR101504719B1 (en) * 2010-03-24 2015-03-23 뉴로우, 인코포레이티드 System and method for coordinating simultaneous edits of shared digital data
US20160139768A1 (en) * 2010-04-12 2016-05-19 Google Inc. Collaborative cursors in a hosted word processor
KR20120003122A (en) * 2010-07-02 2012-01-10 에스케이플래닛 주식회사 Apparatus and method for processing image based on pre loading, and apparatus and method for processing image based on asynchronous loading
KR20130143614A (en) * 2010-12-23 2013-12-31 마이크로소프트 코포레이션 Techniques for electronic aggregation of information
US20140053050A1 (en) * 2011-04-27 2014-02-20 Fuji Film Corporation Document file display device and method
US20130007582A1 (en) * 2011-06-30 2013-01-03 Konica Minolta Laboratory U.S.A., Inc. System and method for producing outer shadows and reflections
KR20130021482A (en) * 2011-08-23 2013-03-06 주식회사 인프라웨어 Method of editing html tables by cell unit
KR20130022485A (en) * 2011-08-24 2013-03-07 연세대학교 산학협력단 A method for providing web-page and a computer-readable recording medium recording program for implementing the method
KR101161564B1 (en) * 2011-11-08 2012-07-03 주식회사 한글과컴퓨터 Terminal device and object color conversion method of the terminal device
US20130138733A1 (en) * 2011-11-25 2013-05-30 Matthias Heinrich Universal collaboration adapter for web editors
KR20130059866A (en) * 2011-11-29 2013-06-07 변규홍 Apparatus and method for converting web document
KR101328047B1 (en) * 2012-01-02 2013-11-13 네이버 주식회사 Apparatus, method and computer readable recording medium for improving loading speed of images in a webpage having a plurality of images
US20130246901A1 (en) * 2012-03-19 2013-09-19 Litera Technologies, LLC. System and method for synchronizing bi-directional document management
KR20140147093A (en) * 2012-03-30 2014-12-29 마이크로소프트 코포레이션 Tracking co-authoring conflicts using document comments
KR20140003788A (en) * 2012-06-28 2014-01-10 (주) 사이냅소프트 Html conversion apparatus and method thereof
KR20140020435A (en) * 2012-08-08 2014-02-19 한국과학기술정보연구원 System and method for implementing real-time animation using multi-thread
KR20140039509A (en) * 2012-09-24 2014-04-02 에스케이플래닛 주식회사 System and method for providing contextual user-interface based on mark-up language
KR20160084448A (en) * 2013-11-11 2016-07-13 아마존 테크놀로지스, 인크. Document management and collaboration system
KR20150083718A (en) * 2014-01-10 2015-07-20 삼성전자주식회사 Apparatus and Method for displaying texts in electronic device
KR101485788B1 (en) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 Screen division rendering based electronic document display apparatus and method
KR101647765B1 (en) * 2015-03-20 2016-08-12 (주)솔트웍스 System for unitied management of documents
KR101701110B1 (en) * 2016-03-11 2017-02-13 주식회사 인프라웨어 Method and apparatus for sharing common editing documents

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
Peter Weverka, PowerPoint 2007 ALL-IN-ONE DESK REFERENCE, Wiley Publishing, Inc. (2007) *
SVG에서 non-scaling-stroke 사용에 관한 질의1, https://stackoverflow.com/questions/40065297/svg-with-non-scaling-stroke-ignores-viewbox-and-uses-its-viewport 1부. *
SVG에서 non-scaling-stroke 사용에 관한 질의2, https://stackoverflow.com, 1부. *

Similar Documents

Publication Publication Date Title
EP1597680B1 (en) Markup language cut-and-paste
RU2419856C2 (en) Various types of formatting with harmonic layout for dynamically aggregated documents
JP3697276B2 (en) Image display method, image display apparatus, and image scaling method
US7483028B2 (en) Providing 1D and 2D connectors in a connected diagram
US9477646B2 (en) Procedurally expressing graphic objects for web pages
US7487447B1 (en) Web page zoom feature
AU2005202722B2 (en) Common charting using shapes
US7692658B2 (en) Model for layout animations
US9460530B2 (en) Fixed layout electronic publications
US20080082911A1 (en) Environment-Constrained Dynamic Page Layout
US7522176B2 (en) Dynamically generating mini-graphs to represent style and template icons
CN100426206C (en) Improved presentation of large objects on small displays
US20110050687A1 (en) Presentation of Objects in Stereoscopic 3D Displays
US7791589B2 (en) Method and apparatus for displaying electronic document including handwritten data
CA2503636C (en) A method of formatting documents
US10185703B2 (en) Web site design system integrating dynamic layout and dynamic content
US8140969B2 (en) Displaying synchronously documents to a user
US9582477B2 (en) Content based ad display control
US10268337B2 (en) Automatically generating column layouts in electronic documents
EP1854029B1 (en) Presentation of large objects on small displays
JP5698532B2 (en) Dynamic layout of images and related text using predefined layouts
EP1647896A2 (en) System and method for automatic label placement on charts
WO2009059062A2 (en) Resolution independent layout
EP2174295B1 (en) Data system and method
US9047261B2 (en) Document editing method

Legal Events

Date Code Title Description
J301 Trial decision

Free format text: TRIAL NUMBER: 2018101000568; TRIAL DECISION FOR APPEAL AGAINST DECISION TO DECLINE REFUSAL REQUESTED 20180208

Effective date: 20180618

S901 Examination by remand of revocation
GRNO Decision to grant (after opposition)
GRNT Written decision to grant