KR101228216B1 - Ｃｓｓ 스프라이트 처리 방법 및 장치 - Google Patents

Ｃｓｓ 스프라이트 처리 방법 및 장치 Download PDF

Info

Publication number
KR101228216B1
KR101228216B1 KR1020110038413A KR20110038413A KR101228216B1 KR 101228216 B1 KR101228216 B1 KR 101228216B1 KR 1020110038413 A KR1020110038413 A KR 1020110038413A KR 20110038413 A KR20110038413 A KR 20110038413A KR 101228216 B1 KR101228216 B1 KR 101228216B1
Authority
KR
South Korea
Prior art keywords
images
plate
image
image processing
storing
Prior art date
Application number
KR1020110038413A
Other languages
English (en)
Other versions
KR20120120684A (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 KR1020110038413A priority Critical patent/KR101228216B1/ko
Priority to JP2012095429A priority patent/JP2012230675A/ja
Publication of KR20120120684A publication Critical patent/KR20120120684A/ko
Application granted granted Critical
Publication of KR101228216B1 publication Critical patent/KR101228216B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T1/00—General purpose image data processing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

스프라이트 이미지를 생성하기 위한 방법 및 장치가 제공된다. 웹 페이지에 포함될 하나 이상의 이미지들은 2 차원의 플레이트 내에 배치된다. 하나 이상의 이미지들은 플레이트에 대한 사용자의 조작을 통해 생성, 수정 및 삭제된다. 플레이트는 플레이트 및 하나 이상의 이미지들에 대한 메타데이터를 포함하며, 메타데이터를 사용함으로써 하나 이상의 이미지들은 표시, 재배치 및 추출될 수 있다.

Description

ＣＳＳ 스프라이트 처리 방법 및 장치{METHOD AND APPARATUS FOR PROCESSING CSS SPRITES}
아래의 실시예들은 CSS 스프라이트를 처리하기 위한 방법 및 장치에 관한 것이다.
웹 페이지(web page)는 하나 이상의 이미지(image)들을 포함할 수 있다. 웹 페이지에 포함되는 하나 이상의 이미지들은 각각 하나의 파일(file)로서 웹 서버(web server) 내에 존재한다.
일반적으로, 사용자의 웹 브라우저(web browser)에 웹 페이지가 표시될 때, 이러한 하나 이상의 이미지들은 각각 웹 서버로부터 사용자의 컴퓨터로 다운로드(download) 되어야 한다. 또한, 웹 브라우저는 하나 이상의 이미지들 각각의 다운로드를 위해 웹 서버에게 별개의 요청(request)을 해야 한다.
하나 이상의 이미지들이 각각 개별적으로 다운로드 될 경우, 하기와 같은 문제들이 발생할 수 있다.
1. 사용자의 웹 브라우저에 웹 페이지 전체가 로드(load)되고 표시되기 위한 지연 시간이 증가한다.
2. 웹 서버는 개별적인 다운로드 요청을 처리하고, 특히 이미지 파일을 독출(read)하기 위해 많은 자원을 사용한다. 따라서, 웹 서버의 성능이 저하될 수 있다.
더욱이, 웹 페이지에 요구되는 디자인 퀄리티(design quality)가 높아짐에 따라, 웹 페이지 내에서 사용되는 이미지들의 개수가 점차적으로 증가하고 있다.
따라서, 웹 페이지 내에 포함되는 하나 이상의 이미지들이, 단지 1회의 요청만으로, 웹 서버로부터 웹 브라우저로 전송될 수 있는 방법이 요구된다.
본 발명의 일 실시예는 스프라이트 이미지를 생성하기 위한 이미지 처리 장치 및 방법을 제공할 수 있다.
본 발명의 일 실시예는 하나 이상의 이미지들이 배치된 2 차원 평면 플레이트를 사용함으로써 스프라이트 이미지를 생성하는 이미지 처리 장치 및 방법을 제공할 수 있다.
본 발명의 일 실시예는 하나 이상의 이미지들 각각에 대한 메타데이터를 사용함으로써 하나 이상의 이미지들 각각의 위치, 크기 및 파일 주소를 관리하는 이미지 처리 장치 및 방법을 제공할 수 있다.
본 발명의 일 측에 따르면, 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작, 사용자의 조작에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하는 동작 및 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 동작을 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않는, 이미지 처리 방법이 제공된다.
상기 2차원 평면은 특정한 크기를 갖는 하나 이상의 셀(cell)들로 구성될 수 있고, 상기 하나 이상의 이미지들 각각이 차지하는 상기 특정한 영역은 상기 하나 이상의 셀들 중 일부 셀들일 수 있다.
상기 하나 이상의 이미지들을 수정하는 동작은, 새 이미지를 상기 하나 이상의 이미지들에 추가하는 동작 및 상기 추가된 새 이미지를 상기 플레이트 중 빈 영역에 배치하는 동작을 포함할 수 있다.
상기 하나 이상의 이미지들을 수정하는 동작은, 상기 하나 이상의 이미지들 중 제1 이미지를 삭제하는 동작 및 상기 제1 이미지가 삭제전 차지한 영역으로 상기 하나 이상의 이미지들 중 제2 이미지를 배치하는 동작 - 상기 제2 이미지가 차지하는 영역은 상기 제1 이미지가 차지하는 영역 내에 포함될 수 있음 - 을 포함할 수 있다.
상기 플레이트는 상기 하나 이상의 이미지들 각각에 대한 메타데이터를 포함할 수 있다.
상기 메타데이터는 상기 하나 이상의 이미지들 각각의 상기 플레이트 내에서의 위치 및 크기를 포함할 수 있다.
상기 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작은, 상기 메타데이터의 상기 위치 및 상기 크기를 사용하여 상기 하나 이상의 이미지들을 상기 플레이트 내에 표시하는 동작을 포함할 수 있다.
상기 메타데이터는 상기 하나 이상의 이미지들 각각의 파일의 주소를 포함할 수 있다.
상기 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작은, 상기 메타데이터를 사용하여 상기 하나 이상의 이미지들 각각의 파일을 상기 주소로부터 로드하는 동작을 포함할 수 있다.
상기 이미지 처리 방법은, 상기 메타데이터를 사용함으로써 하나 이상의 이미지들 각각을 별개로 저장하는 동작을 더 포함할 수 있다.
본 발명의 다른 일 측에 따르면, 하나 이상의 이미지들이 배치된 플레이트를 표시하는 출력부, 사용자로부터 상기 플레이트를 조작하는 입력을 수신하는 입력부 및 상기 입력에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하고, 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 제어부를 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않는, 이미지 처리 장치가 제공된다.
상기 제어부는, 새 이미지를 상기 하나 이상의 이미지들에 추가하고, 상기 추가된 새 이미지를 상기 플레이트 중 빈 영역에 배치함으로써 상기 하나 이상의 이미지들을 수정할 수 있다.
상기 제어부는, 상기 하나 이상의 이미지들 중 제1 이미지를 삭제하고, 상기 제1 이미지가 삭제전 차지한 영역으로 상기 하나 이상의 이미지들 중 제2 이미지를 배치함으로써 상기 하나 이상의 이미지들을 수정할 수 있다.
상기 제어부는, 상기 메타데이터의 상기 위치 및 상기 크기를 사용함으로써 상기 출력부가 상기 하나 이상의 이미지들을 상기 플레이트 내에 표시하도록 제어할 수 있다.
상기 제어부는, 상기 메타데이터를 사용하여 상기 하나 이상의 이미지들 각각의 파일을 상기 주소로부터 로드함으로써 상기 출력부가 상기 하나 이상의 이미지들이 배치된 플레이트를 표시하도록 제어할 수 있다.
상기 제어부는, 상기 메타데이터를 사용함으로써 상기 하나 이상의 이미지들 각각을 별개로 저장할 수 있다.
스프라이트 이미지를 생성하기 위한 이미지 처리 장치 및 방법이 제공된다.
하나 이상의 이미지들이 배치된 2 차원 평면 플레이트를 사용함으로써 스프라이트 이미지를 생성하는 이미지 처리 장치 및 방법이 제공된다.
하나 이상의 이미지들 각각에 대한 메타데이터를 사용함으로써 하나 이상의 이미지들 각각의 위치, 크기 및 파일 주소를 관리하는 이미지 처리 장치 및 방법이 제공된다.
도 1은 본 발명의 일 예에 따른 CSS 스프라이트를 설명한다.
도 2는 본 발명의 일 예에 따른 스프라이트 이미지(200)를 설명한다.
도 3은 본 발명의 일 예에 따른 스프라이트 이미지(200) 및 스프라이트 이미지(200)를 사용하는 웹 페이지(300)를 나타낸다.
도 4는 본 발명의 일 예에 따른 플레이트(400)를 설명한다.
도 5는 본 발명의 일 실시예에 따른 이미지 처리 방법의 흐름도이다.
도 6은 본 발명의 일 실시예에 따른 플레이트(400)의 메타데이터(600)를 나타낸다.
도 7은 본 발명의 일 실시예에 따른 영상 처리 장치(700)의 구조도이다.
이하에서, 본 발명의 일 실시예를, 첨부된 도면을 참조하여 상세하게 설명한다. 그러나, 본 발명이 실시예들에 의해 제한되거나 한정되는 것은 아니다. 각 도면에 제시된 동일한 참조 부호는 동일한 부재를 나타낸다.
도 1은 본 발명의 일 예에 따른 CSS 스프라이트를 설명한다.
캐스케이딩 스타일 시트(Cascading Style Sheet; CSS) 스프라이트(sprite)는 웹 페이지 내에서 사용되는 하나 이상의 이미지들을 하나로 모아, 이미지 파일에 대한 요청을 감소시키는 방법이다.
CSS 스프라이트를 설명하기 위해, 3 개의 개별 이미지들(110, 120 및 130)을 사용하는 웹 페이지를 검토한다.
3 개의 개별 이미지들(110, 120 및 130)은 각각 웹 페이지 내에서 사용되는 버튼(button)을 나타낸다.
3 개의 개별 이미지들(110, 120 및 130)은 별개의 파일로 서버 내에 존재한다. 예컨대, 첫 번째 이미지(110)의 파일 명은 "btn_sv.gif"이다.
따라서, 웹 브라우저가 3 개의 개별 이미지들(110, 120 및 130)을 표시하기 위해서는, 웹 브라우저는 3 개의 파일들 각각에 대해 웹 서버에 전송 요청을 해야 하고, 서버로부터 3 개의 파일들을 각각 전송받아야 한다.
복수 개의 이미지들을 한 번의 요청에 의해 전송받기 위해서, 복수 개의 이미지들을 포함하는 단일한 이미지 파일이 사용될 수 있다.
CSS 스프라이트를 통해, 3 개의 개별 이미지들(110, 120 및 130)은 단일한 합쳐진 이미지(140)가 될 수 있다.
도시된 것처럼, 합쳐진 이미지(140)는 3 개의 개별 이미지들(110, 120 및 130)을 포함한다. 즉, 합쳐진 이미지(140)의 일부분들은 각각 3 개의 개별 이미지들(110, 120 및 130) 중 하나이다.
웹 서버 내에 합쳐진 이미지(140)의 파일이 존재하는 경우, 웹 브라우저는 합쳐진 이미지(140)의 파일에 대해서 웹 서버에 전송 요청을 할 수 있고, 서버로부터 합쳐진 이미지(140)의 파일만을 전송받을 수 있다. 따라서, 웹 브라우저는 단일한 요청 및 전송에 의해 3 개의 개별 이미지들(110, 120 및 130)을 모두 획득할 수 있다.
웹 브라우저는 합쳐진 이미지(140)의 일부분만을 웹 페이지 내에 표시될 이미지로서 사용할 필요가 있다. 웹 페이지 내의 코드(code)(예컨대, CSS 코드)는 합쳐진 이미지(140)의 전부 또는 일부를 표시될 이미지로서 특정할 수 있다.
전술된 CSS 스프라이트를 사용함으로써 하기의 효과 1) 내지 효과 3)이 발생할 수 있다.
1) 사용자의 서비스 응답 속도가 향상될 수 있다.
즉, 사용자가 웹 브라우저를 통해 새로운 웹 페이지에 접속하였을 때, 이미지들을 포함한 전체 웹 페이지의 로딩 시간이 감축될 수 있다. 이는, 하나 이상의 이미지들이 한 번에 요청, 응답 및 전송될 수 있기 때문이다.
2) 이미지를 저장하는 파일의 용량이 감소할 수 있다.
이는 파일에 포함되는 하나 이상의 이미지들에 대한 컬러 옵셋(color offset) 효과에 기인한다.
3) CSS 스프라이트를 위해 특정한 타입의 이미지 파일(예컨대, PNG-8 타입)이 사용될 경우, 웹 페이지를 위해 일반적으로 사용되는 타입(예컨대, GIF 파일)이 사용될 경우에 비해, 응답 속도가 향상될 수 있고, 응답 속도의 편차가 감소할 수 있다.
CSS 스프라이트는 하나 이상의 이미지들을 포함하는 이미지 파일에 의해 제공된다. 이러한 이미지 파일은 후술될 스프라이트 이미지(200)에 의해 생성될 수 있다.
도 2는 본 발명의 일 예에 따른 스프라이트 이미지(200)를 설명한다.
CSS 스프라이트가 사용되기 위해서는 하나 이상의 이미지들을 포함하는 이미지 파일이 생성되어야 한다.
스프라이트 이미지(200)는 하나 이상의 이미지들(210 내지 260)을 포함하는 이미지이다.
스프라이트 이미지의 파일은 웹 브라우저로 전송되고, 웹 브라우저는 스프라이트 이미지(200)의 일부분들, 즉 하나 이상의 이미지들(210 내지 260) 각각에 대응하는 스프라이트 이미지(200)의 부분들을 이미지로서 사용한다.
하나 이상의 이미지들(210 내지 260)은 각각 스프라이트 이미지(200) 내의 일정한 영역을 차지한다.
하나 이상의 이미지들(210 내지 260) 각각이 차지하는 영역들 중, 제6 이미지(260)가 차지하는 영역(262)이 점선으로 도시되었다.
웹 페이지가 스프라이트 이미지(200)를 사용하기 위한 일 예가 도 3을 참조하여 하기에서 설명된다.
도 3은 본 발명의 일 예에 따른 스프라이트 이미지(200) 및 스프라이트 이미지(200)를 사용하는 웹 페이지(300)를 나타낸다.
웹 페이지(300)는 하나 이상의 이미지들을 포함할 수 있다.
스프라이트 이미지(200)는 하나 이상의 웹 페이지들에서 사용될 수 있다.
또한, 스프라이트 이미지(200)는 하나 이상의 웹 페이지들 간에 공유될 수 있다. 즉, 웹 페이지(300)를 포함한 하나 이상의 웹 페이지들이 스프라이트 이미지(200)를 사용할 수 있다.
따라서, 스프라이트 이미지(200) 내에 포함되는 하나 이상의 이미지들(210 내지 260)의 전부 또는 일부가 웹 페이지(300) 내에서 사용될 수 있다.
또한, 하나 이상의 이미지들(210 내지 260)의 전부 또는 일부는 웹 페이지(300) 내에서 2 번 이상 표시될 수 있다. 예컨대, 제1 이미지(210)는 웹 페이지(300) 내에서 2 번 표시되었다.
웹 페이지(300)는 제3 이미지(230) 및 제4 이미지(240)를 사용하지 않는다. 제3 이미지(230) 및 제4 이미지(240)는 스프라이트 이미지(200)를 사용하는 다른 웹 페이지들에 의해 사용될 수 있다.
도 4는 본 발명의 일 예에 따른 플레이트(400)를 설명한다.
스프라이트 이미지(200)를 사용하기 위해, 스프라이트 이미지(200)를 생성, 수정 및 저장하기 위한 툴(tool)이 요구된다.
툴이 스프라이트 이미지(200)를 생성하기 위해 사용하는 객체를 플레이트 또는 이미지 플레이트로 명명한다.
즉, 플레이트(400)는 웹 페이지에서 사용될 하나 이상의 이미지들을 포함하는 스프라이트 이미지(200)를 포함하는 객체로 간주될 수 있다. 또한, 플레이트(400)는 스프라이트 이미지(200)에 포함될 하나 이상의 이미지들을 포함하는 객체로 간주될 수 있다. 또한, 플레이트(400)는 하나 이상의 이미지들이 생성, 수정 및 삭제 등의 조작을 거치게 하기 위해, 상기의 하나 이상의 이미지들을 표시하는 팔레트(palette)로 간주될 있다.
툴은 플레이트(400)를 생성, 수정 및 저장할 수 있으며, 플레이트(400)로부터 스프라이트 이미지(200)를 생성(또는, 추출)할 수 있다.
스프라이트 이미지(200)를 구성하는 하나 이상의 이미지들은 플레이트(400) 내에 배치된다.
웹 페이지의 특성 상, 플레이트(400)는 2 차원 평면이다. 컴퓨터 시스템에서 구현되는 이미지의 특성 상, 플레이트(400)는 픽셀(pixel)들로 구성되며, 일반적으로 직사각형 형태를 갖는다. 따라서, 플레이트(400)는 넓이(width) 및 높이(height) 속성을 가질 수 있다.
하나 이상의 이미지들 각각은 플레이트(400)의 2 차원 평면 내에서 특정한 공간을 차지한다.
따라서, 일반적으로 하나 이상의 이미지들이 차지하는 특정한 공간들은 서로 간에 중첩되지 않는다. 단, 특정한 이미지가 다른 이미지의 일부분일 경우, 두 이미지들이 차지하는 공간들이 중첩될 수 있다.
플레이트(400)의 2 차원 평면은 특정한 크기를 갖는 하나 이상의 셀(410)들로 구성될 수 있다. 즉, 플레이트(400)의 2 차원 평면은 n 행 및 m 열의 셀(410)들로 구성될 수 있다.
일반적으로, 셀(410)은 사각형(또는, 정사각형)이다. 셀(410) 또한 셀 넓이(430) 및 셀 높이(435)의 속성을 가질 수 있다.
셀 넓이(430) 및 셀 높이(435)는 플레이트(400)의 크기를 결정할 수 있다. 즉, 플레이트(400)의 넓이는 가로 축을 따라 배치된 셀(410)들의 개수 및 셀 넓이(430)의 곱일 수 있다. 또한, 플레이트(400)의 높이는 세로 축을 따라 배치된 셀(410)들의 개수 및 셀 높이(435)의 곱일 수 있다.
전술된 것처럼, 하나 이상의 이미지들 각각은 특정한 공간을 차지한다. 하나 이상의 이미지들 각각 차지하는 특정한 공간은 하나 이상의 셀(410)들 중 일부 셀(410)들일 수 있다. 즉, 하나 이상의 이미지들 각각 차지하는 공간은 픽셀 단위가 아닌 셀(410) 단위로 할당될 수 있다.
셀(410)의 관점에서 보면, 하나의 셀(410)은 어떤 이미지에 의해서도 차지되지 않거나, 하나의 이미지에 의해서만 차지될 수 있다. 즉, 하나의 셀(410)을 2 개 이상의 이미지들이 동시에 차지하는 것이 금지(또는, 불능(disabled))될 수 있다.
플레이트(400)의 2 차원 평면을 구성하는 하나 이상의 셀(410)들 중, 2 개의 셀(410)들이 인접하는 경계는 선으로 간주될 수 있다. 그리드(420)는 2 개의 셀(410)들이 인접함에 의해 나타나는 격자 모양의 선을 의미한다.
하나 이상의 이미지들은 그리드(420)에 접착력있게(stickly) 부착(adhere)될 수 있다. 즉, 특정한 이미지가 플레이트(400) 내에 추가되거나, 플레이트(400) 내에서 이동될 때, 상기의 이미지는 이미지의 경계가 그리드(420)에 붙도록 추가 또는 이동될 수 있다. 또한, 사용자의 플레이트(400)에 대한 조작을 처리함에 있어서, 조작의 대상이 되는 이미지가 가능한 그리드(420)에 부착하도록 처리될 수 있다.
전술된 플레이트(400)를 사용하는 이미지 처리 방법의 일 실시예 및 이미지 처리 장치의 일 실시예가 각각 도 5 및 도 7을 참조하여 하기에서 상세히 설명된다.
도 5는 본 발명의 일 실시예에 따른 이미지 처리 방법의 흐름도이다.
본 실시예의 이미지 처리 방법은 스프라이트 이미지를 생성하기 위한 툴(tool)에 의해 실행될 수 있다. 또한, 본 실시예의 이미지 처리 방법은 개인용 컴퓨터와 같은, 스프라이트 이미지 툴을 구동하는 장치에 의해 실행될 수 있다.
이미지 처리 방법은 로드 동작(510), 표시 동작(520), 수정 동작(530), 저장 동작(540) 및 추출 동작(550)을 포함할 수 있다.
로드 동작(510)에서, 저장부로부터 플레이트(400)가 독출되어 로드된다.
로드 동작(510)은, 예컨대 새로운 플레이트가(400) 생성되는 경우, 생략될 수 있다.
표시 동작(520)에서, 하나 이상의 이미지들이 배치된 플레이트(400)가 표시된다.
하나 이상의 이미지들은, 플레이트(400) 내에서 위쪽에서부터 아래쪽으로 순서에 따라 배치될 수 있다. 플레이트(400)의 맨 아래 편까지 이미지가 채워진 경우, 남은 이미지들은 플레이트(400) 내의 이미지가 채워진 부분의 오른쪽 부분에서부터 다시 위쪽에서부터 아래쪽으로 순서에 따라 배치될 수 있다.
또한, 하나 이상의 이미지들은, 플레이트(400) 내에서 왼쪽에서부터 오른쪽으로 순서에 따라 배치될 수 있다. 플레이트(400)의 맨 오른 편까지 이미지가 채워진 경우, 남은 이미지들은 플레이트(400) 내의 이미지가 채워진 부분의 아랫 부분에서부터 다시 왼쪽에서부터 오른쪽으로 순서에 따라 배치될 수 있다.
예컨대, 새로운 플레이트(400)가 생성된 경우, 이미지를 포함하지 않는 플레이트(400)가 표시될 수 있다.
수정 동작(530)에서, 사용자의 조작에 따라 플레이트(400)에 대한 이미지 처리가 수행된다. 상기의 이미지 처리에 의해 이미지 처리에 대응하는 하나 이상의 이미지들이 수정된다.
수정 동작(530)은 하기의 동작 1) 내지 동작 6)을 포함할 수 있다.
1) 플레이트(400) 내의 픽셀 또는 일부분에 대한 이미지 처리 동작 : 예컨대, 픽셀의 색상 변경.
일부분은 하나 이상의 선택된 픽셀들을 의미할 수 있다.
2) 플레이트(400) 전체에 대한 이미지 처리 동작 : 예컨대, 플레이트(400)의 명암(brightness) 또는 대비(contrast) 또는 색 온도 변경, 크기 조절(resize), 부분 절단(crop), 복사(copy), 자르기(cut) 및 붙이기(paste) 등.
3) 플레이트(400) 내의 이미지에 대한 이미지 처리 동작 : 예컨대, 이미지의 명암(brightness) 또는 대비(contrast) 또는 색 온도 변경, 이미지의 이동, 크기 조절, 부분 절단, 복사, 자르기 및 붙이기 등.
4) 새 이미지를 하나 이상의 이미지에 추가하는 동작 및 추가된 새 이미지를 플레이트(400) 중 빈 영역에 배치하는 동작.
여기서, 빈 영역은 이미지에 의해 차지되지 않은 영역을 의미한다.
새 이미지를 배치하기 위해, 픽셀 단위 또는 셀 단위로 빈 영역이 새 이미지에게 할당될 수 있다.
5) 하나 이상의 이미지들 중 제1 이미지를 삭제하는 동작 및 상기의 제1 이미지가 삭제전 차지한 영역으로 하나 이상의 이미지들 중 제2 이미지를 배치하는 동작.
제2 이미지가 차지하는 영역은 제1 이미지가 차지하는 영역 내에 포함될 수 있다. 상기의 영역은 픽셀 단위 또는 셀 단위일 수 있다.
6) 하나 이상의 이미지를 재배치하는 동작
예컨대, 이미지의 크기 조절, 삭제, 이동 등으로 플레이트(400) 내에 빈 영역이 새로 생기거나, 하나 이상의 이미지들의 플레이트(400) 내의 위치를 재조절할 필요가 있을 경우, 하나 이상의 이미지들 각각이 플레이트(400) 내의 다른 특정한 영역을 차지하도록 재배치될 수 있다.
자원 낭비를 방지하기 위해, 하나 이상의 이미지들은 순차적으로 플레이트(400) 내에서 빈 영역을 채워가는 형식으로 재배치될 수 있다. 또한, 하나 이상의 이미지들은 플레이트(400)의 용량 또는 플레이트(400)가 나타내는 전체 이미지의 용량이 최소화되도록 재배치될 수 있다.
저장 동작(540)에서, 플레이트(400)가 저장부로 저장된다. 플레이트(400)가 저장됨으로써 플레이트(400) 내의 하나 이상의 이미지들도 저장된다.
하기에서, 저장 동작(540) 및 추출 동작(550)을 설명한다.
추출 동작(550)에서, 플레이트(400)로부터 객체가 추출된다.
추출 동작(550)은 하기의 동작 1) 내지 동작 3)를 포함할 수 있다.
1) 플레이트(400)로부터 플레이트(400)가 나타내는 전체 이미지(즉, 스프라이트 이미지(200))가 파일로서 추출되는 동작.
2) 플레이트(400)로부터 플레이트(400) 내에 배치된 하나 이상의 이미지들 각각이 파일로서 추출하는 동작.
3) 플레이트(400) 내에 배치된 하나 이상의 이미지들을 스프라이트 이미지(200)를 사용하여 표시하기 위한 CSS 코드를 추출하는 동작.
도 6은 본 발명의 일 실시예에 따른 플레이트(400)의 메타데이터(600)를 나타낸다.
플레이트(400)는 메타데이터(600)를 포함할 수 있다. 또는, 플레이트(400)는 플레이트에 대한 메타데이터(600)를 포함하는 객체와 연동될 수 있다.
메타데이터(600)는, 1) 플레이트(400) 자체에 대한 메타데이터를 나타내는 플레이트 메타데이터(610) 및 2) 플레이트(400)가 포함하는 하나 이상의 이미지들에 대한 메타데이터를 나타내는 이미지 메타데이터(620)를 포함할 수 있다.
예컨대, 플레이트 메타데이터(610)는 플레이트(400)의 명칭("name"), 플레이트(400)의 이미지 타입("type"), 플레이트(400)의 그리드(420)의 크기("gridSize")(즉, 플레이트(400)의 셀(410)의 넓이(430) 및 높이(435)), 플레이트(400)의 최대 넓이("maxWidth") 및 플레이트(400)의 최대 높이("maxHeight"), 플레이트(400)의 용량 등을 포함할 수 있다.
플레이트(400)의 크기는, 플레이트(400)를 조작하는 툴 또는 장치의 스펙(예컨대, 디스플레이(display)의 크기 및 메모리(memory) 용량 등)에 의해 제한될 수 있다.
플레이트(400)의 이미지 타입은, 타입에게 허용된 최대 색상, 타입에게 허용된 최대 크기, 타입의 압축 여부 및 타입이 차지하는 용량 등을 고려하여 선택될 수 있다. 예컨대, 플레이트(400)의 이미지 타입으로서, PNG-8, PNG-24, JPEG, TIFF 또는 GIF 등의 이미지 타입이 사용될 수 있다.
이미지 메타데이터(630)는 플레이트(400) 내에 포함되는 하나 이상의 이미지들 각각에 대한 메타데이터(630)를 포함한다.
하나 이상의 이미지들 각각에 대한 메타데이터(630)는 이미지의 플레이트(400) 내에서의 수직 위치("top")(즉, 이미지의 가장 윗 부분의 플레이트(400) 내에서의 y 좌표), 이미지의 플레이트(400) 내에서의 수평 위치("left")(즉, 이미지의 가장 왼쪽 부분의 플레이트(400) 내에서의 x 좌표), 이미지의 크기(즉, 넓이("width") 및 높이("height")), 이미지의 파일이 저장된 주소("src") 및 이미지 파일의 크기(또는, 용량) 등을 포함할 수 있다.
메타데이터는, 예컨대 XML(Extensible Markup Language), HTML(HyperText Markup Language) 또는 JSON(JavaScript Object Notation) 등과 같은, 정보를 저장하기 위한 임의의 형식으로 저장될 수 있다. 예컨대, 플레이트(400)는 JSON 형식의 데이터 구조 또는 파일을 포함할 수 있다. 또는, 플레이트(400)는 JSON 형식의 데이터 구조 또는 파일과 연동될 수 있다.
플레이트(400)의 메타데이터(600)가 저장 및 활용됨으로써, 작성된 플레이트(400)가 용이하게 여러 명의 사용자들간에 공유 및 활용될 수 있다. 따라서, 스프라이트 이미지(200)의 유지 및 보수가 용이하게 된다.
또한, 플레이트(400)로부터 추출된 스프라이트 이미지(200)도 하나의 이미지로서 추출 및 저장되었음에도 불구하고, 이미지 메타데이터(620)를 포함할 수 있다.
전술된 동작들(510 내지 550)은 각각 메타데이터(600)를 사용하여 수행될 수 있다.
예컨대, 동작(520)에서, 하나 이상의 이미지들은 메타데이터의 위치 및 크기를 사용함으로써 플레이트(400) 내에 표시될 수 있다.
또한, 동작(520)에서, 하나 이상의 이미지들을 표시하기 위해, 하나 이상의 이미지들 각각의 파일이 메타데이터(600)의 주소로부터 로드될 수 있다.
또한, 동작(530)에서, 하나 이상의 이미지들은 메타데이터의 위치 및 크기에 기반하여 플레이트(400) 내에 재배치될 수 있다.
또한, 동작(550)에서, 스프라이트 이미지(200) 또는 하나 이상의 이미지들 각각을 별개로 추출 또는 저장하기 위해, 메타데이터(400)가 사용될 수 있다.
플레이트(400)(또는, 플레이트(400)를 저장하는 객체)는 프로젝트(project) 파일로서 제공될 수 있다. 프로젝트 파일을 통해 여러 명의 사용자가 협업하는 것이 가능해진다.
전술된 동작들(510 내지 550)은 영상 처리 장치(700)에 의해 수행될 수 있다. 하기에서 전술된 동작들(510 내지 550)을 수행하는 영상 처리 장치(700)를 설명한다.
도 7은 본 발명의 일 실시예에 따른 영상 처리 장치(700)의 구조도이다.
영상 처리 장치(700)는 출력부(710), 제어부(720), 입력부(730) 및 저장부(740)를 포함할 수 있다.
출력부(710)는 플레이트(400)를 표시한다.
입력부(730)는 사용자로부터 플레이트(400)를 조작하는 입력을 수신한다.
저장부(740)는 제어부(720)의 제어에 따라 플레이트(400) 및 메타데이터(600) 등을 저장하고, 저장부(740)는 제어부(720)의 요청에 따라 플레이트(400) 및 메타데이터(600) 등을 제어부(720)에게 제공한다.
제어부(720)는 플레이트(400)를 표시하도록 출력부(710)를 제어한다.
제어부(720)는 전술된 동작들(510 내지 550)을 수행한다.
예컨대, 제어부(720)는 입력부(730)가 수신한 입력에 따라 플레이트(400)에 대한 이미지 처리를 수행함으로써 상기의 이미지 처리에 대응하는 하나 이상의 이미지들을 수정할 수 있으며, 플레이트(400)를 저장함으로써 하나 이상의 이미지들을 저장할 수 있다.
또한, 제어부(720)는 새 이미지를 하나 이상의 이미지들에 추가하고, 추가된 새 이미지를 플레이트(400) 중 빈 영역에 배치함으로써 하나 이상의 이미지들을 수정할 수 있다.
또한, 제어부(720)는 하나 이상의 이미지들 중 제1 이미지를 삭제하고, 상기 제1 이미지가 삭제전 차지한 영역으로 하나 이상의 이미지들 중 제2 이미지를 배치함으로써 하나 이상의 이미지들을 수정할 수 있다.
여기서, 제2 이미지가 차지하는 영역은 상기 제1 이미지가 차지하는 영역 내에 포함될 수 있다.
또한, 제어부(720)는 메타데이터(600)를 사용할 수 있다.
예컨대, 제어부(720)는 이미지 메타데이터(620) 내의 위치 및 크기를 사용함으로써 출력부(710)가 하나 이상의 이미지들을 플레이트(400) 내에 표시하도록 제어할 수 있다.
또한, 제어부(720)는, 이미지 메타데이터(620)를 사용하여 하나 이상의 이미지들 각각의 파일을 주소로부터 로드함으로써 출력부(710)가 상기 하나 이상의 이미지들이 배치된 플레이트를 표시하도록 제어할 수 있다.
또한, 제어부(720)는, 이미지 메타데이터(620)를 사용함으로써 하나 이상의 이미지들 각각을 별개로 저장할 수 있다.
앞서 도 1 내지 도 6을 참조하여 설명된 본 발명의 일 실시예에 따른 기술적 내용들이 본 실시예에도 그대로 적용될 수 있다. 따라서 보다 상세한 설명은 이하 생략하기로 한다.
본 발명의 일 실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 본 발명의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상과 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.
200: 스프라이트 이미지
400: 플레이트
600: 이미지 처리 장치

Claims (19)

  1. 삭제
  2. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작;
    사용자의 조작에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하는 동작; 및
    상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 동작
    을 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 2차원 평면은 특정한 크기를 갖는 하나 이상의 셀(cell)들로 구성되고, 상기 하나 이상의 이미지들 각각이 차지하는 상기 특정한 영역은 상기 하나 이상의 셀들 중 일부 셀들인, 이미지 처리 방법.
  3. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작;
    사용자의 조작에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하는 동작; 및
    상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 동작
    을 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 하나 이상의 이미지들을 수정하는 동작은,
    새 이미지를 상기 하나 이상의 이미지들에 추가하는 동작; 및
    상기 추가된 새 이미지를 상기 플레이트 중 빈 영역에 배치하는 동작
    을 포함하는, 이미지 처리 방법.
  4. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작;
    사용자의 조작에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하는 동작; 및
    상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 동작
    을 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 하나 이상의 이미지들을 수정하는 동작은,
    상기 하나 이상의 이미지들 중 제1 이미지를 삭제하는 동작; 및
    상기 제1 이미지가 삭제전 차지한 영역으로 상기 하나 이상의 이미지들 중 제2 이미지를 배치하는 동작 - 상기 제2 이미지가 차지하는 영역은 상기 제1 이미지가 차지하는 영역 내에 포함될 수 있음 -
    을 포함하는, 이미지 처리 방법.
  5. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작;
    사용자의 조작에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하는 동작; 및
    상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 동작
    을 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 플레이트는 상기 하나 이상의 이미지들 각각에 대한 메타데이터를 포함하는, 이미지 처리 방법.
  6. 제5항에 있어서,
    상기 메타데이터는 상기 하나 이상의 이미지들 각각의 상기 플레이트 내에서의 위치 및 크기를 포함하는, 이미지 처리 방법.
  7. 제6항에 있어서,
    상기 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작은,
    상기 메타데이터의 상기 위치 및 상기 크기를 사용하여 상기 하나 이상의 이미지들을 상기 플레이트 내에 표시하는 동작
    을 포함하는, 이미지 처리 방법.
  8. 제5항에 있어서,
    상기 메타데이터는 상기 하나 이상의 이미지들 각각의 파일의 주소를 포함하는, 이미지 처리 방법.
  9. 제8항에 있어서,
    상기 하나 이상의 이미지들이 배치된 플레이트를 표시하는 동작은,
    상기 메타데이터를 사용하여 상기 하나 이상의 이미지들 각각의 파일을 상기 주소로부터 로드하는 동작
    을 포함하는, 이미지 처리 방법.
  10. 제5항에 있어서,
    상기 메타데이터를 사용함으로써 하나 이상의 이미지들 각각을 별개로 저장하는 동작
    을 더 포함하는, 이미지 처리 방법.
  11. 제2항 내지 제10항 중 어느 한 항의 방법을 수행하는 프로그램을 수록한 컴퓨터 판독 가능 기록 매체.
  12. 삭제
  13. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 출력부;
    사용자로부터 상기 플레이트를 조작하는 입력을 수신하는 입력부; 및
    상기 입력에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하고, 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 제어부
    를 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 2차원 평면은 특정한 크기를 갖는 하나 이상의 셀(cell)들로 구성되고, 상기 하나 이상의 이미지들 각각이 차지하는 상기 특정한 영역은 상기 하나 이상의 셀들 중 일부 셀들인, 이미지 처리 장치.
  14. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 출력부;
    사용자로부터 상기 플레이트를 조작하는 입력을 수신하는 입력부; 및
    상기 입력에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하고, 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 제어부
    를 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 제어부는, 새 이미지를 상기 하나 이상의 이미지들에 추가하고, 상기 추가된 새 이미지를 상기 플레이트 중 빈 영역에 배치함으로써 상기 하나 이상의 이미지들을 수정하는, 이미지 처리 장치.
  15. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 출력부;
    사용자로부터 상기 플레이트를 조작하는 입력을 수신하는 입력부; 및
    상기 입력에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하고, 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 제어부
    를 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 제어부는, 상기 하나 이상의 이미지들 중 제1 이미지를 삭제하고, 상기 제1 이미지가 삭제전 차지한 영역으로 상기 하나 이상의 이미지들 중 제2 이미지를 배치함으로써 상기 하나 이상의 이미지들을 수정하고, 상기 제2 이미지가 차지하는 영역은 상기 제1 이미지가 차지하는 영역 내에 포함될 수 있는, 이미지 처리 장치.
  16. 하나 이상의 이미지들이 배치된 플레이트를 표시하는 출력부;
    사용자로부터 상기 플레이트를 조작하는 입력을 수신하는 입력부; 및
    상기 입력에 따라 상기 플레이트에 대한 이미지 처리를 수행함으로써 상기 이미지 처리에 대응하는 상기 하나 이상의 이미지들을 수정하고, 상기 플레이트를 저장함으로써 상기 하나 이상의 이미지들을 저장하는 제어부
    를 포함하고, 상기 플레이트는 2 차원 평면이고, 상기 하나 이상의 이미지들 각각은 상기 2 차원 평면 내에서 특정한 영역을 차지하고, 상기 하나 이상의 이미지들이 차지하는 특정한 영역들은 서로 간에 중첩되지 않고,
    상기 플레이트는 상기 하나 이상의 이미지들 각각에 대한 메타데이터를 포함하는, 이미지 처리 장치.
  17. 제16항에 있어서,
    상기 메타데이터는 상기 하나 이상의 이미지들 각각의 상기 플레이트 내에서의 위치 및 크기를 포함하고,
    상기 제어부는, 상기 메타데이터의 상기 위치 및 상기 크기를 사용함으로써 상기 출력부가 상기 하나 이상의 이미지들을 상기 플레이트 내에 표시하도록 제어하는, 이미지 처리 장치.
  18. 제16항에 있어서,
    상기 메타데이터는 상기 하나 이상의 이미지들 각각의 파일의 주소를 포함하고,
    상기 제어부는, 상기 메타데이터를 사용하여 상기 하나 이상의 이미지들 각각의 파일을 상기 주소로부터 로드함으로써 상기 출력부가 상기 하나 이상의 이미지들이 배치된 플레이트를 표시하도록 제어하는, 이미지 처리 장치.
  19. 제16항에 있어서,
    상기 제어부는, 상기 메타데이터를 사용함으로써 상기 하나 이상의 이미지들 각각을 별개로 저장하는, 이미지 처리 장치.
KR1020110038413A 2011-04-25 2011-04-25 Ｃｓｓ 스프라이트 처리 방법 및 장치 KR101228216B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020110038413A KR101228216B1 (ko) 2011-04-25 2011-04-25 Ｃｓｓ 스프라이트 처리 방법 및 장치
JP2012095429A JP2012230675A (ja) 2011-04-25 2012-04-19 Ｃｓｓスプライト処理方法及び装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110038413A KR101228216B1 (ko) 2011-04-25 2011-04-25 Ｃｓｓ 스프라이트 처리 방법 및 장치

Publications (2)

Publication Number Publication Date
KR20120120684A KR20120120684A (ko) 2012-11-02
KR101228216B1 true KR101228216B1 (ko) 2013-01-31

Family

ID=47432128

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110038413A KR101228216B1 (ko) 2011-04-25 2011-04-25 Ｃｓｓ 스프라이트 처리 방법 및 장치

Country Status (2)

Country Link
JP (1) JP2012230675A (ko)
KR (1) KR101228216B1 (ko)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20050030618A (ko) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Ｇｕｉ 어플리케이션 개발 지원 장치, ｇｕｉ 표시 장치및 방법과 컴퓨터 프로그램
KR20090056506A (ko) * 2007-11-30 2009-06-03 주식회사 모션클라우드 리치 콘텐트 제작 시스템 및 그 방법과 그 방법에 대한컴퓨터 프로그램을 저장한 기록매체

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004013329A (ja) * 2002-06-04 2004-01-15 Seiko Epson Corp レイアウト制御装置およびレイアウト制御方法
JP2005161805A (ja) * 2003-12-05 2005-06-23 Seiko Epson Corp 印刷装置およびその制御方法
JP4258434B2 (ja) * 2004-05-25 2009-04-30 セイコーエプソン株式会社 画像配置装置、画像配置方法およびコンピュータプログラム
JP4047326B2 (ja) * 2004-11-25 2008-02-13 キヤノン株式会社 レイアウト装置、レイアウト方法及びプログラム
JP5298997B2 (ja) * 2009-03-18 2013-09-25 株式会社リコー 文書画像編集装置、文書画像編集方法、文書画像編集プログラム、及びその方法をコンピュータに実行させるプログラムを記憶したコンピュータ読み取り可能な記録媒体
JP5026472B2 (ja) * 2009-06-01 2012-09-12 ヤフー株式会社 画像生成装置、画像生成装置の動作方法、および記録媒体

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20050030618A (ko) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Ｇｕｉ 어플리케이션 개발 지원 장치, ｇｕｉ 표시 장치및 방법과 컴퓨터 프로그램
KR20090056506A (ko) * 2007-11-30 2009-06-03 주식회사 모션클라우드 리치 콘텐트 제작 시스템 및 그 방법과 그 방법에 대한컴퓨터 프로그램을 저장한 기록매체

Also Published As

Publication number Publication date
KR20120120684A (ko) 2012-11-02
JP2012230675A (ja) 2012-11-22

Similar Documents

Publication Publication Date Title
US8996981B2 (en) Managing forms in electronic documents
JP6725714B2 (ja) モバイル向けのおよび他の表示環境をサポートするインタラクティブなサイトおよびアプリケーションの自動変換のためのシステムおよび方法
JP4059802B2 (ja) 画像表示方法
EP2330587B1 (en) Image processing device and image processing method
US8261179B2 (en) Web page hot spots
CN102209951A (zh) 图像处理装置、信息处理装置、图像处理方法、以及信息处理方法
JP4612902B2 (ja) ファイル表示装置及びその制御方法、並びにプログラム
US9934757B2 (en) Method and system of downloading image tiles onto a client device
US8922582B2 (en) Text rendering and display using composite bitmap images
CN104239305A (zh) 生成及展现电子文档的方法及装置
CN103595791A (zh) 一种海量遥感数据的云存取方法
US20120038664A1 (en) Managing occluding objects in layouts of graphic objects
JP2005044279A (ja) 帳票処理方法、帳票処理プログラム、帳票処理装置
CN113409411A (zh) 图形界面的渲染方法、装置、电子设备及存储介质
US9384562B2 (en) Methods for visual content processing, and systems and computer program codes thereto
KR20140063965A (ko) 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
KR101228216B1 (ko) Ｃｓｓ 스프라이트 처리 방법 및 장치
US8749834B2 (en) Information processing apparatus that perform margin reduction depending on the column group structure, method for controlling same, and storage medium on which computer program has been recorded
KR100751010B1 (ko) 다종 응용 프로그램으로부터의 문서를 병합 및 편집하여피디에프 문서를 생성하는 방법
CN105159939A (zh) 一种用于图片的呈现方法和装置
US20110191346A1 (en) Dynamically-created pyramid to deliver content
US20170270218A1 (en) Mapping of Defined Regions Within a Webpage
US8185818B2 (en) Mixed techniques for HTML crosstab rendering
JP2011511991A (ja) グラフィックディジタル文書の動画化装置および方法
JP5061636B2 (ja) 情報処理装置、情報処理システム、およびプログラム

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20151223

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20170116

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20180102

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20190102

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20200102

Year of fee payment: 8