[go: up one dir, main page]

KR101880507B1 - 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법 - Google Patents

웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법 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
Legal status (The legal status 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 status listed.)
Active
Application number
KR1020170051417A
Other languages
English (en)
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/ko
Application granted granted Critical
Publication of KR101880507B1 publication Critical patent/KR101880507B1/ko
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G06F17/24—

Landscapes

  • Document Processing Apparatus (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 웹 문서 상에 삽입되어 있는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식의 도형에 대해 크기 조정과 연관된 편집 명령이 인가되면, 상기 도형의 삽입 위치와 크기를 확인하고, 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인한 후 상기 보더의 너비는 변경되지 않도록 하면서, 상기 도형의 크기만 변경되도록 하는 코드를 생성하여 상기 웹 문서를 구성하는 마크업 언어 코드 상에 삽입함으로써, 상기 웹 문서 상에서 상기 도형의 크기가 조정될 때, 보더의 너비는 원래의 너비로 유지될 수 있도록 처리할 수 있는 도형 편집 기술을 제공할 수 있다.

Description

웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법{CLIENT TERMINAL DEVICE THAT SUPPORTS RESIZING OF A FIGURE EMBEDDED IN A WEB DOCUMENT AND OPERATING METHOD THEREOF}
본 발명은 웹 문서에 삽입되어 있는 도형의 크기 조정을 지시하는 편집 명령을 처리하기 위한 기술들과 관련된다.
웹 문서는 브라우저를 통해서 볼 수 있는 문서로, HTML(Hypertext Markup Language)이나 XML(eXtensible Markup Language)과 같이, 마크업 언어(Markup Language)를 기반으로 작성된 문서를 의미한다.
브라우저에서는 웹 문서를 렌더링하여 화면으로 표시하기 위해서, 문서 객체 모델(Document Object Model)을 사용한다. 문서 객체 모델은 객체 지향 모델로써 구조화된 문서를 표현하는 형식이고, 그래픽, 텍스트, 헤드라인, 스타일 등 웹의 모든 요소가 자바스크립트(JavaScript) 등과 같은 스크립트 언어에 의해 조정될 수 있도록 해준다.
브라우저에서는 마크업 언어를 기반으로 작성된 웹 문서를 파싱(parsing)하여 문서 객체 모델을 생성한 후 이를 기초로 웹 문서를 렌더링하여 화면 상에 상기 웹 문서를 표시하게 된다.
일반적으로 사용자가 웹 문서를 편집하기 위해서는 웹 문서를 구성하는 마크업 언어 코드를 직접 수정해야 했었다. 예컨대, 사용자가 HTML로 만들어진 웹 문서에 소정의 이미지를 삽입하고자 하는 경우, "embed src"라고 하는 코드를 활용해서, HTML 코드에 직접 관련 명령어를 삽입해야 하기 때문에 일반적인 사용자가 웹 문서를 편집하기에는 많은 어려움이 존재했었다.
이러한, 웹 문서 편집의 어려움을 덜어주기 위해, 최근에는 그래픽 유저 인터페이스를 통해 웹 문서를 사용자가 손쉽게 편집할 수 있도록 하는 편집 툴이 등장하고 있다.
웹 문서의 편집 툴에서는 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형의 입력을 지원하는 경우가 있는데, 이러한 SVG 파일 형식의 도형이 웹 문서에 입력되는 경우, 일반적인 웹 문서 편집 툴들은 웹 문서 상에 SVG 파일 형식의 도형을 "embed src"라는 코드를 이용해서 삽입되도록 지원하고 있는 경우가 많다.
웹 문서 상에 SVG 파일 형식의 도형이 "embed src"라는 코드를 통해 삽입되게 되었을 때, 사용자가 웹 문서 상에 입력되어 있는 도형의 크기를 조정하게 되면, "embed src" 코드의 특성상 도형의 크기만 조정되는 것이 아니라, 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)까지 한꺼번에 조정되기 때문에 사용자가 의도한 편집 명령이 상기 웹 문서 상에 정확히 반영되지 않을 경우가 많다.
예컨대, 도 1의 도면부호 110에 도시된 바와 같이, 웹 문서 상에 도형(111)이 "embed src" 코드를 통해 삽입되어 있을 때, 사용자가 도형(111)의 크기를 확대시키는 편집 명령을 인가한 경우, 웹 문서에 삽입되어 있는 도형(111)은 도면부호 120에 도시된 바와 같이, 도형(111) 자체의 크기만 확대되는 것이 아니라, 도형의 테두리를 구성하는 보더(112)의 너비까지 함께 확대되게 된다.
일반적으로, 문서 편집에 있어서, 사용자가 도형의 크기를 조정한다는 것은 보더의 너비를 원래의 너비 상태로 유지하면서, 도형 자체의 크기만을 확대하는 것을 의미하는 경우가 많기 때문에, 웹 문서의 편집을 지원하는 툴에서 웹 문서 상에 삽입되어 있는 SVG 파일 형식의 도형에 대한 확대 또는 축소 명령이 인가되었을 때, 보더의 너비는 유지하면서, 도형 자체의 크기만을 조정할 수 있도록 지원하는 웹 문서 편집 기술에 대한 연구가 필요하다.
본 발명은 웹 문서 상에 삽입되어 있는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식의 도형에 대해 크기 조정과 연관된 편집 명령이 인가되면, 상기 도형의 삽입 위치와 크기를 확인하고, 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인한 후 상기 보더의 너비는 변경되지 않도록 하면서, 상기 도형의 크기만 변경되도록 하는 코드를 생성하여 상기 웹 문서를 구성하는 마크업 언어 코드 상에 삽입함으로써, 상기 웹 문서 상에서 상기 도형의 크기가 조정될 때, 보더의 너비는 원래의 너비로 유지될 수 있도록 처리할 수 있는 도형 편집 기술을 제공하고자 한다.
본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일(scale) 값을 확인하는 스케일 확인부, 상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인하는 도형 확인부, 상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인하는 보더 확인부 및 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시하는 도형 크기 조정 제어부를 포함한다.
또한, 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법은 SVG 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일 값을 확인하는 단계, 상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인하는 단계, 상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더의 너비를 확인하는 단계 및 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시하는 단계를 포함한다.
본 발명은 웹 문서 상에 삽입되어 있는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식의 도형에 대해 크기 조정과 연관된 편집 명령이 인가되면, 상기 도형의 삽입 위치와 크기를 확인하고, 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인한 후 상기 보더의 너비는 변경되지 않도록 하면서, 상기 도형의 크기만 변경되도록 하는 코드를 생성하여 상기 웹 문서를 구성하는 마크업 언어 코드 상에 삽입함으로써, 상기 웹 문서 상에서 상기 도형의 크기가 조정될 때, 보더의 너비는 원래의 너비로 유지될 수 있도록 처리할 수 있는 도형 편집 기술을 제공할 수 있다.
도 1은 웹 문서에 삽입되어 있는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식의 도형에 대한 크기 조정이 발생하였을 때 처리되는 일반적인 화면의 일례를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 3 내지 도 4는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작을 설명하기 위한 도면이다.
도 5는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
이하에서는 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명하기로 한다. 이러한 설명은 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였으며, 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 본 명세서 상에서 사용되는 모든 용어들은 본 발명이 속하는 기술분야에서 통상의 지식을 가진 사람에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.
도 2는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2를 참조하면, 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)는 스케일 확인부(211), 도형 확인부(212), 보더(border) 확인부(213) 및 도형 크기 조정 제어부(214)를 포함한다.
스케일 확인부(211)는 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일(scale) 값을 확인한다.
도형 확인부(212)는 상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인한다.
보더 확인부(213)는 상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더의 너비(width)를 확인한다.
도형 크기 조정 제어부(214)는 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시한다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서는 브라우저를 통해 상기 웹 문서가 표시되도록 하기 위한 명령을 지시하는 마크업 언어(Markup Language) 코드(code)로 구성되어 있고, 상기 마크업 언어 코드에는 상기 도형과 상기 보더를 모두 포함하는 크기에 대응하는 크기를 갖는 뷰 박스(viewbox) 내에, 상기 도형이 삽입되어 표시되도록 지시하는 도형 삽입 코드가 포함되어 있음과 동시에 상기 도형의 속성 정보(상기 도형의 속성 정보에는 상기 도형의 상기 웹 문서 상에서의 삽입 위치와 상기 도형의 크기에 대한 정보가 포함되어 있음) 및 상기 보더의 속성 정보(상기 보더의 속성 정보에는 상기 보더의 너비에 대한 정보가 포함되어 있음)가 정의되어 있을 수 있다.
이때, 도형 확인부(212)는 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보를 참조하여 상기 웹 문서에서 상기 도형의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값과 상기 시작 좌표 값으로부터 상기 도형의 모양을 지시하는 패스(path) 정보를 확인한 후 상기 시작 좌표 값과 상기 패스 정보에 기초하여 상기 삽입 위치와 상기 도형의 크기를 확인할 수 있고, 보더 확인부(213)는 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 참조하여 상기 보더의 너비를 확인할 수 있다.
이때, 본 발명의 일실시예에 따르면, 도형 크기 조정 제어부(214)는 제1 코드 추가부(215), 제2 코드 추가부(216) 및 렌더링부(217)를 포함할 수 있다.
제1 코드 추가부(215)는 상기 스케일 값에 따라 상기 도형의 크기가 조정되도록 지시함과 동시에 상기 크기 조정이 완료된 도형의 상기 웹 문서 상에서의 삽입 위치를 표시하기 위한 시작점이 상기 시작 좌표 값이 되도록 지시하는 명령을 실행하기 위한 제1 코드를 생성하여 상기 제1 코드를 상기 마크업 언어 코드 상에 정의되어 있는 상기 도형의 속성 정보를 지시하는 코드에 추가한다.
제2 코드 추가부(216)는 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 제2 코드를 생성하여 상기 제2 코드를 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 지시하는 코드에 추가한다.
렌더링부(217)는 상기 마크업 언어 코드 상에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 렌더링하여 표시한다.
이때, 본 발명의 일실시예에 따르면, 도형 크기 조정 제어부(214)는 도형 삽입 코드 수정부(218)를 더 포함할 수 있다.
도형 삽입 코드 수정부(218)는 상기 뷰 박스의 크기가 상기 크기 조정이 완료된 도형의 크기와 상기 보더의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드에 포함되어 있는 상기 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경한다.
이때, 렌더링부(217)는 상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 수정 도형 삽입 코드를 참조하여 상기 뷰 박스의 크기를 조정하고, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행함으로써, 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 표시할 수 있다.
또한, 본 발명의 일실시예에 따르면, 렌더링부(217)는 상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 브라우저를 통해 상기 마크업 언어 코드를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행할 수 있다.
이하에서는 도 3 내지 도 4를 참조하여, 본 발명에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)의 동작에 대해 예를 들어 상세히 설명하기로 한다.
도 3 내지 도 4는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)의 동작을 설명하기 위한 도면이다.
우선, 도 3의 도면부호 310에 도시된 바와 같이, 웹 문서 상에 SVG 파일 형식을 갖는 도형(311)이 삽입되어 있고, 도형(311)에는 도면부호 312에 표시한 바와 같은 보더(312)가 존재한다고 가정하자. 이때, 상기 도형(311)과 보더(312)는 도면부호 313으로 표시한 바와 같이, 상기 웹 문서 상에서 도형(311)과 보더(312)를 모두 포함하는 크기에 대응하는 크기를 갖는 뷰 박스(313) 내에 포함되어 삽입되어 있을 수 있다.
이때, 상기 웹 문서를 구성하는 마크업 언어 코드에는 도 4의 도면부호 410에 도시된 바와 같이, 상기 웹 문서 상에서 뷰 박스(313) 내에 상기 도형(311)과 보더(312)를 표시하기 위한 코드를 포함하고 있을 수 있는데, 구체적으로 상기 마크업 언어 코드에는 도면부호 411에 도시된 바와 같이, "span class"라는 코드를 통해서 도형(311)과 보더(312)가 모두 포함될 수 있도록 하는 뷰 박스(313)가 정의되어 있을 수 있고, "embed src"라는 코드를 통해 SVG 파일 형식을 갖는 도형(311)이 뷰 박스(313) 내에 삽입될 수 있도록 정의되어 있을 수 있다.
그리고, 상기 마크업 언어 코드에는 도면부호 412에 도시된 바와 같이, 도형(311)의 상기 웹 문서 상에서의 삽입 위치와 도형(311)의 크기와 연관된 속성 정보를 정의하는 코드가 포함되어 있을 수 있고, 도면부호 413에 도시된 바와 같이, 보더(312)의 너비와 연관된 속성 정보를 정의하는 코드가 포함되어 있을 수 있다.
이때, 상기 마크업 언어 코드에 정의되어 있는 도형(311)의 속성 정보에는 도면부호 421에 도시된 바와 같이, 상기 웹 문서에서 도형(311)의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값이 포함되어 있을 수 있고, 도면부호 422에 도시된 바와 같이, 상기 시작 좌표 값으로부터 도형(311)의 모양을 지시하는 패스(path) 정보가 포함되어 있을 수 있다.
그리고, 상기 마크업 언어 코드에 정의되어 있는 보더(312)의 속성 정보에는 도면부호 423에 도시된 바와 같이, 보더(312)의 너비에 대한 정보가 포함되어 있을 수 있다.
이러한 상황 하에서, 사용자에 의해 도면부호 320에 도시된 바와 같이, 도형(311)의 크기가 확대되도록 하는 편집 명령이 인가된 경우, 스케일 확인부(211)는 상기 편집 명령에 대응하여 도형(311)의 크기 확대에 따른 스케일 값을 확인할 수 있다.
그리고, 도형 확인부(212)는 상기 도면부호 410에 표시된 바와 같은 상기 마크업 언어 코드에 정의되어 있는 도형(311)의 속성 정보를 참조하여 상기 웹 문서에서 도형(311)의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값과 상기 시작 좌표 값으로부터 상기 도형의 모양을 지시하는 패스 정보를 확인한 후 상기 시작 좌표 값과 상기 패스 정보에 기초하여 상기 삽입 위치와 도형(311)의 크기를 확인할 수 있다.
또한, 보더 확인부(213)는 상기 마크업 언어 코드에 정의되어 있는 보더(312)의 속성 정보를 참조하여 보더(312)의 너비를 확인할 수 있다.
그 이후, 제1 코드 추가부(215)는 상기 스케일 값에 따라 도형(311)의 크기가 확대되도록 지시함과 동시에 상기 크기 조정이 완료된 도형(311)의 상기 웹 문서 상에서의 삽입 위치를 표시하기 위한 시작점이 상기 시작 좌표 값이 되도록 지시하는 명령을 실행하기 위한 제1 코드를 생성하여 상기 제1 코드를 상기 마크업 언어 코드 상에 정의되어 있는 도형(311)의 속성 정보를 지시하는 코드에 추가할 수 있다.
관련해서, 제1 코드 추가부(215)는 하기의 표 1과 같이 상기 제1 코드를 생성하여 상기 마크업 언어 코드 상에 정의되어 있는 도형(311)의 속성 정보를 지시하는 코드에 추가하도록 하는 명령문를 생성해서 실행할 수 있다.
var transformStr = "scale(" + newScaleX + "," + newScaleY + ") translate(" + newTransX + "," + newTransY + ")";
$shapeSvg.find('g').find('g').attr("transform", transformStr);
즉, 제1 코드 추가부(215)는 상기 표 1에서 나타낸 바와 같은 명령문을 실행함으로써, 도형(311)의 크기가 상기 스케일 값에 따라 확대되도록 지시하면서, 크기가 확대된 도형(311)의 상기 웹 문서 상에서의 삽입 위치와 연관된 시작 좌표 값이 원래 도형(311)의 시작 좌표 값이 되도록(즉, 도형(311)의 크기가 확대되더라도 상기 웹 문서 상에서 크기가 확대되기 전과 동일한 위치에 존재하도록) 지시하는 명령을 실행하기 위한 제1 코드를 생성한 후 상기 제1 코드를 도 4의 도면부호 412에서 표시한 도형(311)의 속성 정보를 지시하는 코드에 추가 및 수정할 수 있다.
그리고, 제2 코드 추가부(216)는 상기 스케일 값에 따라 보더(312)의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 제2 코드를 생성하여 상기 제2 코드를 상기 마크업 언어 코드에 정의되어 있는 보더(312)의 속성 정보를 지시하는 코드에 추가할 수 있다.
이때, 본 발명의 일실시예에 따르면, 제2 코드 추가부(216)는 상기 스케일 값에 따라 보더(312)의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 상기 제2 코드로 "non-scaling-stroke" 코드를 생성한 후 상기 생성된 "non-scaling-stroke" 코드를 상기 마크업 언어 코드에 정의되어 있는 보더(312)의 속성 정보를 지시하는 코드에 추가할 수 있다.
관련해서, 제2 코드 추가부(216)는 하기의 표 2와 같이 상기 제2 코드를 생성하여 상기 마크업 언어 코드 상에 정의되어 있는 보더(312)의 속성 정보를 지시하는 코드에 추가하도록 하는 명령문을 생성해서 실행할 수 있다.
$shapeSvg.find('g').find('path').attr("vector-effect", "non-scaling-stroke");
즉, 제2 코드 추가부(216)는 상기 표 2에서 나타낸 바와 같은 명령문을 실행함으로써, 보더(312)의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 상기 제2 코드로 "non-scaling-stroke"를 생성한 후 상기 제2 코드를 도 4의 도면부호 413에서 표시한 보더(312)의 속성 정보를 지시하는 코드에 추가할 수 있다.
그리고, 도형 삽입 코드 수정부(218)는 뷰 박스(313)의 크기가 상기 크기 조정이 완료된 도형(311)의 크기와 보더(312)의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드에 포함되어 있는 상기 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경할 수 있다.
관련해서, 도형 삽입 코드 수정부(218)는 하기의 표 3과 같은 명령문을 실행함으로써, 뷰 박스(313)의 크기가 상기 크기 조정이 완료된 도형(311)의 크기와 보더(312)의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 상기 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드 상에 정의되어 있는 뷰 박스(313)에 대한 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경할 수 있다.
$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);
이렇게, 제1 코드 추가부(215), 제2 코드 추가부(216) 및 도형 삽입 코드 수정부(218)에 의해 상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 렌더링부(217)는 상기 마크업 언어 코드에 정의되어 있는 상기 도형(311)의 속성 정보와 상기 보더(312)의 속성 정보를 참조하여 도 3의 도면부호 320에 도시된 바와 같이, 상기 크기 조정이 완료된 뷰 박스(313) 내에 상기 크기 조정이 완료된 도형(311)이 삽입되어 표시되도록 랜더링을 수행함으로써, 상기 웹 문서 상에 상기 크기 조정이 완료된 도형(311)을 표시할 수 있다.
이때, 렌더링부(217)는 상기 브라우저를 통해 상기 마크업 언어 코드를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델을 생성한 후 상기 문서 객체 모델에 기초하여 도 3의 도면부호 320에 도시된 바와 같이, 상기 크기 조정이 완료된 뷰 박스(313) 내에 상기 크기 조정이 완료된 도형(311)이 삽입되어 표시되도록 랜더링을 수행할 수 있다.
이렇게, 본 발명에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)는 웹 문서 상에 삽입되어 있는 SVG 파일 형식의 도형에 대해 크기 조정과 연관된 편집 명령이 인가되면, 상기 도형의 삽입 위치와 크기를 확인하고, 상기 도형의 테두리를 구성하는 보더의 너비를 확인한 후 상기 보더의 너비는 변경되지 않도록 하면서, 상기 도형의 크기만 변경되도록 하는 코드를 생성하여 상기 웹 문서를 구성하는 마크업 언어 코드 상에 삽입함으로써, 상기 웹 문서 상에서 상기 도형의 크기가 조정될 때, 보더의 너비는 원래의 너비로 유지될 수 있도록 지원할 수 있다.
이상, 사용자에 의해 웹 문서 상에 삽입되어 있는 도형에 대해 크기 조정이 발생할 때, 보더의 너비는 유지되면서, 도형의 크기만이 조정되는 실시예에 대해 설명하였지만, 본 발명의 다른 실시예에 따르면, 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)는 사용자에 의해 보더에 대한 크기 조정을 지시하는 편집 명령이 인가되는 경우, 상기 도형의 크기 조정이 수행되지 않도록 함과 동시에 보더의 크기만 조정되도록 하는 코드를 생성하여 상기 웹 문서를 구성하는 마크업 언어 코드 상에 삽입함으로써, 오로지 보더의 크기만 조정되도록 하는 기능을 제공할 수도 있다.
도 5는 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
단계(S510)에서는 SVG 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일 값을 확인한다.
단계(S520)에서는 상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인한다.
단계(S530)에서는 상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더의 너비를 확인한다.
단계(S540)에서는 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시한다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서는 브라우저를 통해 상기 웹 문서가 표시되도록 하기 위한 명령을 지시하는 마크업 언어 코드로 구성되어 있고, 상기 마크업 언어 코드에는 상기 도형과 상기 보더를 모두 포함하는 크기에 대응하는 크기를 갖는 뷰 박스 내에 상기 도형이 삽입되어 표시되도록 지시하는 도형 삽입 코드가 포함되어 있음과 동시에 상기 도형의 속성 정보(상기 도형의 속성 정보에는 상기 도형의 상기 웹 문서 상에서의 삽입 위치와 상기 도형의 크기에 대한 정보가 포함되어 있음) 및 상기 보더의 속성 정보(상기 보더의 속성 정보에는 상기 보더의 너비에 대한 정보가 포함되어 있음)가 정의되어 있을 수 있다.
이때, 단계(S520)에서는 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보를 참조하여 상기 웹 문서에서 상기 도형의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값과 상기 시작 좌표 값으로부터 상기 도형의 모양을 지시하는 패스 정보를 확인한 후 상기 시작 좌표 값과 상기 패스 정보에 기초하여 상기 삽입 위치와 상기 도형의 크기를 확인할 수 있고, 단계(S530)에서는 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 참조하여 상기 보더의 너비를 확인할 수 있다.
또한, 본 발명의 일실시예에 따르면, 단계(S540)에서는 상기 스케일 값에 따라 상기 도형의 크기가 조정되도록 지시함과 동시에 상기 크기 조정이 완료된 도형의 상기 웹 문서 상에서의 삽입 위치를 표시하기 위한 시작점이 상기 시작 좌표 값이 되도록 지시하는 명령을 실행하기 위한 제1 코드를 생성하여 상기 제1 코드를 상기 마크업 언어 코드 상에 정의되어 있는 상기 도형의 속성 정보를 지시하는 코드에 추가하는 단계, 상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 제2 코드를 생성하여 상기 제2 코드를 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 지시하는 코드에 추가하는 단계 및 상기 마크업 언어 코드 상에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 렌더링하여 표시하는 단계를 포함할 수 있다.
이때, 단계(S540)에서는 상기 뷰 박스의 크기가 상기 크기 조정이 완료된 도형의 크기와 상기 보더의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드에 포함되어 있는 상기 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경하는 단계를 더 포함할 수 있다.
이때, 상기 렌더링하여 표시하는 단계는 상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 수정 도형 삽입 코드를 참조하여 상기 뷰 박스의 크기를 조정하고, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행함으로써, 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 표시할 수 있다.
또한, 본 발명의 일실시예에 따르면, 상기 렌더링하여 표시하는 단계는 상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 브라우저를 통해 상기 마크업 언어 코드를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델을 생성한 후 상기 문서 객체 모델에 기초하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행할 수 있다.
이상, 도 5를 참조하여 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법에 대해 설명하였다. 여기서, 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법은 도 2 내지 도 4를 이용하여 설명한 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치(210)의 동작에 대한 구성과 대응될 수 있으므로, 이에 대한 보다 상세한 설명은 생략하기로 한다.
본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법은 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램으로 구현될 수 있다.
또한, 본 발명의 일실시예에 따른 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.
210: 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치
211: 스케일 확인부 212: 도형 확인부
213: 보더(border) 확인부 214: 도형 크기 조정 제어부
215: 제1 코드 추가부 216: 제2 코드 추가부
217: 렌더링부 218: 도형 삽입 코드 수정부

Claims (12)

  1. 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일(scale) 값을 확인하는 스케일 확인부;
    상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인하는 도형 확인부;
    상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인하는 보더 확인부; 및
    상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시하는 도형 크기 조정 제어부
    를 포함하고,
    상기 웹 문서는 브라우저를 통해 상기 웹 문서가 표시되도록 하기 위한 명령을 지시하는 마크업 언어(Markup Language) 코드(code)로 구성되어 있고,
    상기 마크업 언어 코드에는 상기 도형과 상기 보더를 모두 포함하는 크기에 대응하는 크기를 갖는 뷰 박스(viewbox) 내에, 상기 도형이 삽입되어 표시되도록 지시하는 도형 삽입 코드가 포함되어 있음과 동시에 상기 도형의 속성 정보 - 상기 도형의 속성 정보에는 상기 도형의 상기 웹 문서 상에서의 삽입 위치와 상기 도형의 크기에 대한 정보가 포함되어 있음 - 및 상기 보더의 속성 정보 - 상기 보더의 속성 정보에는 상기 보더의 너비에 대한 정보가 포함되어 있음 - 가 정의되어 있으며,
    상기 도형 확인부는
    상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보를 참조하여 상기 웹 문서에서 상기 도형의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값과 상기 시작 좌표 값으로부터 상기 도형의 모양을 지시하는 패스(path) 정보를 확인한 후 상기 시작 좌표 값과 상기 패스 정보에 기초하여 상기 삽입 위치와 상기 도형의 크기를 확인하고,
    상기 보더 확인부는
    상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 참조하여 상기 보더의 너비를 확인하고,
    상기 도형 크기 조정 제어부는
    상기 스케일 값에 따라 상기 도형의 크기가 조정되도록 지시함과 동시에 상기 크기 조정이 완료된 도형의 상기 웹 문서 상에서의 삽입 위치를 표시하기 위한 시작점이 상기 시작 좌표 값이 되도록 지시하는 명령을 실행하기 위한 제1 코드를 생성하여 상기 제1 코드를 상기 마크업 언어 코드 상에 정의되어 있는 상기 도형의 속성 정보를 지시하는 코드에 추가하는 제1 코드 추가부;
    상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 제2 코드 - 상기 제2 코드는 "non-scaling-stroke" 코드임 - 를 생성하여 상기 제2 코드를 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 지시하는 코드에 추가하는 제2 코드 추가부;
    상기 뷰 박스의 크기가 상기 크기 조정이 완료된 도형의 크기와 상기 보더의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드에 포함되어 있는 상기 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경하는 도형 삽입 코드 수정부; 및
    상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 수정 도형 삽입 코드를 참조하여 상기 뷰 박스의 크기를 조정하고, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행함으로써, 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 표시하는 렌더링부
    를 포함하고,
    상기 렌더링부는
    상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 브라우저를 통해 상기 마크업 언어 코드를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행하는 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치.
  2. 삭제
  3. 삭제
  4. 삭제
  5. 삭제
  6. 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되어 있는 웹 문서 상에 사용자에 의해 상기 도형에 대한 크기 조정을 지시하는 편집 명령이 인가되면, 상기 편집 명령에 대응하여 상기 도형의 크기 조정에 따른 스케일(scale) 값을 확인하는 단계;
    상기 웹 문서에서 상기 도형이 삽입되어 있는 삽입 위치와 상기 도형의 크기를 확인하는 단계;
    상기 웹 문서에서 상기 도형의 테두리를 구성하는 보더(border)의 너비(width)를 확인하는 단계; 및
    상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하고, 상기 스케일 값을 기초로 상기 도형의 크기만을 조정한 후 상기 크기 조정이 완료된 도형을 상기 웹 문서 상의 상기 삽입 위치 상에 배치하여 표시하는 단계
    를 포함하고,
    상기 웹 문서는 브라우저를 통해 상기 웹 문서가 표시되도록 하기 위한 명령을 지시하는 마크업 언어(Markup Language) 코드(code)로 구성되어 있고,
    상기 마크업 언어 코드에는 상기 도형과 상기 보더를 모두 포함하는 크기에 대응하는 크기를 갖는 뷰 박스(viewbox) 내에 상기 도형이 삽입되어 표시되도록 지시하는 도형 삽입 코드가 포함되어 있음과 동시에 상기 도형의 속성 정보 - 상기 도형의 속성 정보에는 상기 도형의 상기 웹 문서 상에서의 삽입 위치와 상기 도형의 크기에 대한 정보가 포함되어 있음 - 및 상기 보더의 속성 정보 - 상기 보더의 속성 정보에는 상기 보더의 너비에 대한 정보가 포함되어 있음 - 가 정의되어 있으며,
    상기 도형의 크기를 확인하는 단계는
    상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보를 참조하여 상기 웹 문서에서 상기 도형의 삽입 위치를 표시하기 위한 시작점을 지시하는 시작 좌표 값과 상기 시작 좌표 값으로부터 상기 도형의 모양을 지시하는 패스(path) 정보를 확인한 후 상기 시작 좌표 값과 상기 패스 정보에 기초하여 상기 삽입 위치와 상기 도형의 크기를 확인하고,
    상기 보더의 너비를 확인하는 단계는
    상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 참조하여 상기 보더의 너비를 확인하고,
    상기 배치하여 표시하는 단계는
    상기 스케일 값에 따라 상기 도형의 크기가 조정되도록 지시함과 동시에 상기 크기 조정이 완료된 도형의 상기 웹 문서 상에서의 삽입 위치를 표시하기 위한 시작점이 상기 시작 좌표 값이 되도록 지시하는 명령을 실행하기 위한 제1 코드를 생성하여 상기 제1 코드를 상기 마크업 언어 코드 상에 정의되어 있는 상기 도형의 속성 정보를 지시하는 코드에 추가하는 단계;
    상기 스케일 값에 따라 상기 보더의 너비 조정이 수행되지 않도록 지시하는 명령을 실행하기 위한 제2 코드 - 상기 제2 코드는 "non-scaling-stroke" 코드임 - 를 생성하여 상기 제2 코드를 상기 마크업 언어 코드에 정의되어 있는 상기 보더의 속성 정보를 지시하는 코드에 추가하는 단계;
    상기 뷰 박스의 크기가 상기 크기 조정이 완료된 도형의 크기와 상기 보더의 너비를 모두 포함하는 크기에 대응되는 크기로 수정되도록 지시하는 수정 도형 삽입 코드를 생성한 후 상기 마크업 언어 코드에 포함되어 있는 상기 도형 삽입 코드를 상기 수정 도형 삽입 코드로 변경하는 단계; 및
    상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 수정 도형 삽입 코드를 참조하여 상기 뷰 박스의 크기를 조정하고, 상기 마크업 언어 코드에 정의되어 있는 상기 도형의 속성 정보와 상기 보더의 속성 정보를 참조하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행함으로써, 상기 웹 문서 상에 상기 크기 조정이 완료된 도형을 표시하는 단계
    를 포함하고,
    상기 크기 조정이 완료된 도형을 표시하는 단계는
    상기 마크업 언어 코드 상에서 상기 수정 도형 삽입 코드로의 변경이 완료됨과 동시에 상기 제1 코드와 상기 제2 코드의 추가가 완료되면, 상기 브라우저를 통해 상기 마크업 언어 코드를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 크기 조정이 완료된 뷰 박스 내에 상기 크기 조정이 완료된 도형이 삽입되어 표시되도록 랜더링을 수행하는 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치의 동작 방법.
  7. 삭제
  8. 삭제
  9. 삭제
  10. 삭제
  11. 제6항의 방법을 컴퓨터로 하여금 수행하도록 하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.
  12. 제6항의 방법을 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램.
KR1020170051417A 2017-04-21 2017-04-21 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법 Active KR101880507B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170051417A KR101880507B1 (ko) 2017-04-21 2017-04-21 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170051417A KR101880507B1 (ko) 2017-04-21 2017-04-21 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Publications (1)

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

Family

ID=63103423

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170051417A Active KR101880507B1 (ko) 2017-04-21 2017-04-21 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Country Status (1)

Country Link
KR (1) KR101880507B1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112115485A (zh) * 2019-06-04 2020-12-22 珠海金山办公软件有限公司 文档中图形宽高的保护方法、装置、电子设备及存储介质
CN112380821A (zh) * 2020-11-17 2021-02-19 北京字跳网络技术有限公司 图形显示方法、装置和电子设备

Citations (43)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0554151A (ja) * 1991-08-22 1993-03-05 Brother Ind Ltd 立体図形処理装置
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 (ja) * 2002-06-28 2004-02-12 Microsoft Corp ドキュメントオブジェクト衝突を解消する方法
KR20040016357A (ko) * 2002-10-23 2004-02-21 (주) 윌로우소프트 게임 시스템을 위한 이미지 로딩 방법
KR20040046171A (ko) * 2002-11-26 2004-06-05 한국전자통신연구원 엘리먼트 기반 웹 문서의 파싱시스템 및 그 방법
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
JP2005057671A (ja) * 2003-08-07 2005-03-03 Dainippon Screen Mfg Co Ltd ドキュメント処理装置、印刷システム、ドキュメントへのオブジェクト追加方法、およびプログラム
KR20060002735A (ko) * 2003-03-27 2006-01-09 마이크로소프트 코포레이션 벡터 그래픽을 위한 마크업 언어 및 객체 모델
WO2006046666A1 (ja) * 2004-10-27 2006-05-04 Justsystems Corporation 文書処理装置および文書処理方法
KR20060046307A (ko) * 2004-06-01 2006-05-17 마이크로소프트 코포레이션 웹 브라우저 내로부터 스프레드시트를 보고 이와 상호작용하기 위한 방법 및 장치
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 (ja) * 2003-04-03 2006-10-12 ウェブ・バインダリー・リミテッド・ライアビリティ・カンパニー オンデマンドでウェブサイトから印刷されたオンラインコンテンツを制作するためのシステム
KR20070086669A (ko) * 2004-11-26 2007-08-27 필립 케이. 친 테이블의 데이터를 디스플레이하는 디스플레이 방법
KR20080111450A (ko) * 2006-03-15 2008-12-23 마이크로소프트 코포레이션 그래픽 개체 인코딩 방법, 그래픽 개체 렌더링 방법 및 렌더링 데이터 구조 동기화 방법
KR20090056504A (ko) * 2007-11-30 2009-06-03 주식회사 케이티 모달리티에 관한 ｄｏｍ 이벤트 처리를 위한 프록시,멀티모달 단말기, ｄｏｍ 이벤트 처리 방법, 모달리티동기화 방법
KR20100011296A (ko) * 2008-07-24 2010-02-03 삼성전자주식회사 웹 페이지 재구성 방법 및 장치
US20100325529A1 (en) * 2009-06-19 2010-12-23 Microsoft Corporation Resizing an Editable Area in a Web Page
KR20120003122A (ko) * 2010-07-02 2012-01-10 에스케이플래닛 주식회사 프리 로딩 기반 영상 처리 장치 및 방법, 비동기 로딩 기반 영상 처리 장치 및 방법
KR20120039514A (ko) * 2009-03-23 2012-04-25 워크웨이 테크놀로지스 유에스 엘엘씨 호스팅되는 대화 시스템에서 대화에 대한 편집을 병합하는 시스템 및 방법
KR101161564B1 (ko) * 2011-11-08 2012-07-03 주식회사 한글과컴퓨터 단말 장치 및 상기 단말 장치의 개체 색상 변환 방법
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 (ko) * 2011-08-23 2013-03-06 주식회사 인프라웨어 Ｈｔｍｌ 테이블의 셀 단위 편집 방법
KR20130022485A (ko) * 2011-08-24 2013-03-07 연세대학교 산학협력단 웹페이지 제공방법 및 이를 수행하는 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체
US20130138733A1 (en) * 2011-11-25 2013-05-30 Matthias Heinrich Universal collaboration adapter for web editors
KR20130059866A (ko) * 2011-11-29 2013-06-07 변규홍 웹 문서 변환 장치 및 방법
US20130246901A1 (en) * 2012-03-19 2013-09-19 Litera Technologies, LLC. System and method for synchronizing bi-directional document management
KR101328047B1 (ko) * 2012-01-02 2013-11-13 네이버 주식회사 복수의 이미지들을 포함하는 웹페이지의 이미지 로딩 속도 개선 장치, 방법 및 컴퓨터 판독 가능한 기록 매체
KR20130143614A (ko) * 2010-12-23 2013-12-31 마이크로소프트 코포레이션 정보의 전자 집성을 위한 방법
KR20140003788A (ko) * 2012-06-28 2014-01-10 (주) 사이냅소프트 하이퍼텍스트 생성 언어 변환 장치 및 그 방법
KR20140020435A (ko) * 2012-08-08 2014-02-19 한국과학기술정보연구원 멀티쓰레드를 이용한 동영상 실시간 렌더링 방법 및 시스템
US20140053050A1 (en) * 2011-04-27 2014-02-20 Fuji Film Corporation Document file display device and method
KR20140039509A (ko) * 2012-09-24 2014-04-02 에스케이플래닛 주식회사 마크업 언어 기반의 문맥 인식 사용자 인터페이스 제공 시스템 및 방법
KR20140147093A (ko) * 2012-03-30 2014-12-29 마이크로소프트 코포레이션 문서 코멘트를 이용한 공동-저작 충돌 추적 기법
KR101485788B1 (ko) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 화면 분할 렌더링 기반의 전자 문서 표시 장치 및 방법
KR101504719B1 (ko) * 2010-03-24 2015-03-23 뉴로우, 인코포레이티드 공유 디지털 데이터의 동시 편집을 조정하는 시스템 및 방법
US20150199319A1 (en) * 2006-08-16 2015-07-16 Google Inc. Real-Time Document Sharing and Editing
KR20150083718A (ko) * 2014-01-10 2015-07-20 삼성전자주식회사 전자 장치의 텍스트 표시 방법 및 장치
KR20150091527A (ko) * 2008-06-25 2015-08-11 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 구조화된 공동 저작
US20160139768A1 (en) * 2010-04-12 2016-05-19 Google Inc. Collaborative cursors in a hosted word processor
KR20160084448A (ko) * 2013-11-11 2016-07-13 아마존 테크놀로지스, 인크. 문서 관리 및 협업 시스템
KR101647765B1 (ko) * 2015-03-20 2016-08-12 (주)솔트웍스 문서 통합 관리 시스템
KR101701110B1 (ko) * 2016-03-11 2017-02-13 주식회사 인프라웨어 공동 편집 문서를 공유하는 방법 및 장치

Patent Citations (43)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0554151A (ja) * 1991-08-22 1993-03-05 Brother Ind Ltd 立体図形処理装置
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 (ja) * 2002-06-28 2004-02-12 Microsoft Corp ドキュメントオブジェクト衝突を解消する方法
KR20040016357A (ko) * 2002-10-23 2004-02-21 (주) 윌로우소프트 게임 시스템을 위한 이미지 로딩 방법
KR20040046171A (ko) * 2002-11-26 2004-06-05 한국전자통신연구원 엘리먼트 기반 웹 문서의 파싱시스템 및 그 방법
KR20060002735A (ko) * 2003-03-27 2006-01-09 마이크로소프트 코포레이션 벡터 그래픽을 위한 마크업 언어 및 객체 모델
JP2006523346A (ja) * 2003-04-03 2006-10-12 ウェブ・バインダリー・リミテッド・ライアビリティ・カンパニー オンデマンドでウェブサイトから印刷されたオンラインコンテンツを制作するためのシステム
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
JP2005057671A (ja) * 2003-08-07 2005-03-03 Dainippon Screen Mfg Co Ltd ドキュメント処理装置、印刷システム、ドキュメントへのオブジェクト追加方法、およびプログラム
KR20060046307A (ko) * 2004-06-01 2006-05-17 마이크로소프트 코포레이션 웹 브라우저 내로부터 스프레드시트를 보고 이와 상호작용하기 위한 방법 및 장치
WO2006046666A1 (ja) * 2004-10-27 2006-05-04 Justsystems Corporation 文書処理装置および文書処理方法
KR20070086669A (ko) * 2004-11-26 2007-08-27 필립 케이. 친 테이블의 데이터를 디스플레이하는 디스플레이 방법
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 (ko) * 2006-03-15 2008-12-23 마이크로소프트 코포레이션 그래픽 개체 인코딩 방법, 그래픽 개체 렌더링 방법 및 렌더링 데이터 구조 동기화 방법
US20150199319A1 (en) * 2006-08-16 2015-07-16 Google Inc. Real-Time Document Sharing and Editing
KR20090056504A (ko) * 2007-11-30 2009-06-03 주식회사 케이티 모달리티에 관한 ｄｏｍ 이벤트 처리를 위한 프록시,멀티모달 단말기, ｄｏｍ 이벤트 처리 방법, 모달리티동기화 방법
KR20150091527A (ko) * 2008-06-25 2015-08-11 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 구조화된 공동 저작
KR20100011296A (ko) * 2008-07-24 2010-02-03 삼성전자주식회사 웹 페이지 재구성 방법 및 장치
KR20120039514A (ko) * 2009-03-23 2012-04-25 워크웨이 테크놀로지스 유에스 엘엘씨 호스팅되는 대화 시스템에서 대화에 대한 편집을 병합하는 시스템 및 방법
US20100325529A1 (en) * 2009-06-19 2010-12-23 Microsoft Corporation Resizing an Editable Area in a Web Page
KR101504719B1 (ko) * 2010-03-24 2015-03-23 뉴로우, 인코포레이티드 공유 디지털 데이터의 동시 편집을 조정하는 시스템 및 방법
US20160139768A1 (en) * 2010-04-12 2016-05-19 Google Inc. Collaborative cursors in a hosted word processor
KR20120003122A (ko) * 2010-07-02 2012-01-10 에스케이플래닛 주식회사 프리 로딩 기반 영상 처리 장치 및 방법, 비동기 로딩 기반 영상 처리 장치 및 방법
KR20130143614A (ko) * 2010-12-23 2013-12-31 마이크로소프트 코포레이션 정보의 전자 집성을 위한 방법
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 (ko) * 2011-08-23 2013-03-06 주식회사 인프라웨어 Ｈｔｍｌ 테이블의 셀 단위 편집 방법
KR20130022485A (ko) * 2011-08-24 2013-03-07 연세대학교 산학협력단 웹페이지 제공방법 및 이를 수행하는 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체
KR101161564B1 (ko) * 2011-11-08 2012-07-03 주식회사 한글과컴퓨터 단말 장치 및 상기 단말 장치의 개체 색상 변환 방법
US20130138733A1 (en) * 2011-11-25 2013-05-30 Matthias Heinrich Universal collaboration adapter for web editors
KR20130059866A (ko) * 2011-11-29 2013-06-07 변규홍 웹 문서 변환 장치 및 방법
KR101328047B1 (ko) * 2012-01-02 2013-11-13 네이버 주식회사 복수의 이미지들을 포함하는 웹페이지의 이미지 로딩 속도 개선 장치, 방법 및 컴퓨터 판독 가능한 기록 매체
US20130246901A1 (en) * 2012-03-19 2013-09-19 Litera Technologies, LLC. System and method for synchronizing bi-directional document management
KR20140147093A (ko) * 2012-03-30 2014-12-29 마이크로소프트 코포레이션 문서 코멘트를 이용한 공동-저작 충돌 추적 기법
KR20140003788A (ko) * 2012-06-28 2014-01-10 (주) 사이냅소프트 하이퍼텍스트 생성 언어 변환 장치 및 그 방법
KR20140020435A (ko) * 2012-08-08 2014-02-19 한국과학기술정보연구원 멀티쓰레드를 이용한 동영상 실시간 렌더링 방법 및 시스템
KR20140039509A (ko) * 2012-09-24 2014-04-02 에스케이플래닛 주식회사 마크업 언어 기반의 문맥 인식 사용자 인터페이스 제공 시스템 및 방법
KR20160084448A (ko) * 2013-11-11 2016-07-13 아마존 테크놀로지스, 인크. 문서 관리 및 협업 시스템
KR20150083718A (ko) * 2014-01-10 2015-07-20 삼성전자주식회사 전자 장치의 텍스트 표시 방법 및 장치
KR101485788B1 (ko) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 화면 분할 렌더링 기반의 전자 문서 표시 장치 및 방법
KR101647765B1 (ko) * 2015-03-20 2016-08-12 (주)솔트웍스 문서 통합 관리 시스템
KR101701110B1 (ko) * 2016-03-11 2017-02-13 주식회사 인프라웨어 공동 편집 문서를 공유하는 방법 및 장치

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부. *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112115485A (zh) * 2019-06-04 2020-12-22 珠海金山办公软件有限公司 文档中图形宽高的保护方法、装置、电子设备及存储介质
CN112380821A (zh) * 2020-11-17 2021-02-19 北京字跳网络技术有限公司 图形显示方法、装置和电子设备
CN112380821B (zh) * 2020-11-17 2024-05-28 北京字跳网络技术有限公司 图形显示方法、装置和电子设备

Similar Documents

Publication Publication Date Title
JP7323584B2 (ja) モバイル向けのおよび他の表示環境をサポートするインタラクティブなサイトおよびアプリケーションの自動変換のためのシステムおよび方法
CN100429646C (zh) 包括手写数据的电子文档的显示装置及方法
KR101809457B1 (ko) 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법
US7516402B2 (en) Presentation of large objects on small displays
US9697190B2 (en) Integrating image renditions and page layout
CN105447096A (zh) 网页生成方法及装置
US20090319887A1 (en) Fit and fill techniques for pictures
US8645823B1 (en) Converting static websites to resolution independent websites in a web development environment
US20110221764A1 (en) Laying out and cropping images in pre-defined layouts
JP5005005B2 (ja) コンテンツ読み上げ順序を視覚化するための視覚化プログラム、視覚化方法、及び視覚化装置
KR101880507B1 (ko) 웹 문서에 삽입된 도형의 크기 조정을 지원하는 클라이언트 단말 장치 및 그 동작 방법
CN113672837A (zh) 一种网页水印添加方法及装置
KR101809460B1 (ko) 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법
KR101494653B1 (ko) 제어 명령 자동 완성 기반의 전자 문서 편집 장치 및 방법
KR20170052421A (ko) 문단 내 메모 삽입이 가능한 전자 문서 편집 장치 및 그 동작 방법
WO2007089434A1 (en) Improving text rendering contrast
KR101498533B1 (ko) 컴포넌트 분리 표시 기반의 전자 문서 출력 장치 및 방법
KR101809459B1 (ko) 원본 이미지에 적용된 꾸미기 효과의 유지가 가능한 웹 문서 변환 지원 장치 및 그 동작 방법
KR101781558B1 (ko) 사용자 액션 기반의 웹 문서 렌더링 처리 장치 및 방법
WO2014050562A1 (ja) 段落領域の順序補正装置ならびにその動作制御方法およびその動作制御プログラム
JP2013134640A (ja) 折目位置制御装置、折目位置制御装置の制御方法、およびそのプログラム
KR102298752B1 (ko) 전자문서 작성 방법, 전자문서 작성 장치 및 컴퓨터 프로그램
KR101652853B1 (ko) 이미지 개체의 부분 크기 조정이 가능한 전자 문서 편집 장치 및 방법
KR102036726B1 (ko) 고정된 틀을 기반으로 상단 영역과 하단 영역의 스크롤 처리를 수행하는 스프레드시트 문서 편집 장치 및 그 동작 방법
KR20220127478A (ko) 프레젠테이션 문서를 구성하는 페이지에 개체 가이드 틀을 생성하는 전자 단말 장치 및 그 동작 방법

Legal Events

Date Code Title Description
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20170421

PA0201 Request for examination
PA0302 Request for accelerated examination

Patent event date: 20170707

Patent event code: PA03022R01D

Comment text: Request for Accelerated Examination

Patent event date: 20170421

Patent event code: PA03021R01I

Comment text: Patent Application

PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20170720

Patent event code: PE09021S01D

PE0601 Decision on rejection of patent

Patent event date: 20171130

Comment text: Decision to Refuse Application

Patent event code: PE06012S01D

Patent event date: 20170720

Comment text: Notification of reason for refusal

Patent event code: PE06011S01I

PX0901 Re-examination

Patent event code: PX09011S01I

Patent event date: 20171130

Comment text: Decision to Refuse Application

Patent event code: PX09012R01I

Patent event date: 20170831

Comment text: Amendment to Specification, etc.

PX0601 Decision of rejection after re-examination

Comment text: Decision to Refuse Application

Patent event code: PX06014S01D

Patent event date: 20180117

Comment text: Amendment to Specification, etc.

Patent event code: PX06012R01I

Patent event date: 20171220

Comment text: Decision to Refuse Application

Patent event code: PX06011S01I

Patent event date: 20171130

Comment text: Amendment to Specification, etc.

Patent event code: PX06012R01I

Patent event date: 20170831

Comment text: Notification of reason for refusal

Patent event code: PX06013S01I

Patent event date: 20170720

PJ0201 Trial against decision of rejection

Patent event date: 20180208

Comment text: Request for Trial against Decision on Refusal

Patent event code: PJ02012R01D

Patent event date: 20180117

Comment text: Decision to Refuse Application

Patent event code: PJ02011S01I

Patent event date: 20171130

Comment text: Decision to Refuse Application

Patent event code: PJ02011S01I

Appeal kind category: Appeal against decision to decline refusal

Decision date: 20180618

Appeal identifier: 2018101000568

Request date: 20180208

J301 Trial decision

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

Effective date: 20180618

PJ1301 Trial decision

Patent event code: PJ13011S01D

Patent event date: 20180618

Comment text: Trial Decision on Objection to Decision on Refusal

Appeal kind category: Appeal against decision to decline refusal

Request date: 20180208

Decision date: 20180618

Appeal identifier: 2018101000568

PS0901 Examination by remand of revocation
S901 Examination by remand of revocation
GRNO Decision to grant (after opposition)
PS0701 Decision of registration after remand of revocation

Patent event date: 20180704

Patent event code: PS07012S01D

Comment text: Decision to Grant Registration

Patent event date: 20180619

Patent event code: PS07011S01I

Comment text: Notice of Trial Decision (Remand of Revocation)

GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20180716

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20180716

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
PR1001 Payment of annual fee

Payment date: 20210803

Start annual number: 4

End annual number: 4

PR1001 Payment of annual fee

Payment date: 20230704

Start annual number: 6

End annual number: 6

PR1001 Payment of annual fee

Payment date: 20240702

Start annual number: 7

End annual number: 7

PR1001 Payment of annual fee

Payment date: 20250602

Start annual number: 8

End annual number: 8