KR20170108412A - 캔버스 이미지 연산 장치 - Google Patents

캔버스 이미지 연산 장치 Download PDF

Info

Publication number
KR20170108412A
KR20170108412A KR1020160032261A KR20160032261A KR20170108412A KR 20170108412 A KR20170108412 A KR 20170108412A KR 1020160032261 A KR1020160032261 A KR 1020160032261A KR 20160032261 A KR20160032261 A KR 20160032261A KR 20170108412 A KR20170108412 A KR 20170108412A
Authority
KR
South Korea
Prior art keywords
javascript
canvas image
canvas
api
image
Prior art date
Application number
KR1020160032261A
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 KR1020160032261A priority Critical patent/KR20170108412A/ko
Publication of KR20170108412A publication Critical patent/KR20170108412A/ko

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/455Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529Embedded in an application, e.g. JavaScript in a Web browser
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/30Arrangements for executing machine instructions, e.g. instruction decode
    • G06F9/38Concurrent instruction execution, e.g. pipeline or look ahead
    • G06F9/3877Concurrent instruction execution, e.g. pipeline or look ahead using a slave processor, e.g. coprocessor
    • G06F9/3879Concurrent instruction execution, e.g. pipeline or look ahead using a slave processor, e.g. coprocessor for non-native instruction execution, e.g. executing a command; for Java instruction set
    • G06F9/4428
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46Multiprogramming arrangements
    • G06F9/54Interprogram communication

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 캔버스 이미지 연산 장치에 관한 것이다. 본 발명의 캔버스 이미지 연산 장치는 자바스크립트 프로그램을 수신하고, 웹 브라우저를 통해 수신된 자바스크립트 어플리케이션 데이터로부터 자바스크립트 에이피아이(API)를 추출하고, 자바스크립트 프로그램을 이용하여 자바스크립트 API로부터 연산된 캔버스 이미지를 출력하는 자바스크립트 엔진, 및 자바스크립트 엔진에 연결되고, 자바스크립트 API의 파싱(parsing)을 통해 추출된 캔버스 이미지를 연산하고, 연산된 캔버스 이미지를 자바스크립트 엔진으로 제공하는 캔버스 이미지 프로세서를 포함하고, 자바스크립트 엔진은 자바스크립트 API로부터 캔버스 이미지의 연산을 수행하기 위해 네이티브 언어로 구현된 내장 객체 모듈을 포함한다.

Description

캔버스 이미지 연산 장치{APPARATUS FOR OPERATING CANVAS IMAGE}
본 발명은 웹 브라우저에 관련된 것으로서, 자바스크립트 코드를 이용한 웹 브라우저의 캔버스 이미지를 구현하기 위한 캔버스 이미지 연산 장치에 관한 것이다.
현재의 웹 브라우저, 일예로, HTML5 웹 브라우저의 자바스크립트 엔진은 캔버스 이미지 연산을 위한 기능을 위한 모듈이 존재하지 않는다. 따라서, 자바스크립트로 이루어진 웹 브라우저의 캔버스 이미지 연산을 위해서는 자바스크립트 엔진은 자바스크립트로 이루어진 라이브러리를 사용해야 한다.
자바스크립트 라이브러리는 실행을 위해서 자바스크립트 엔진에서 인터프리터나 컴파일 과정을 거쳐서 실행되어야 하므로, 네이티브 언어로 이루어진 코드보다 실행 속도가 느리다는 문제점이 있었다. 또한, 캔버스 이미지의 해상도가 높을수록 자바스크립트 라이브러리의 실행 속도는 더욱 느려지게 되는 문제점이 있었다.
본 발명의 목적은 캔버스 이미지 연산의 실행 속도가 저하되지 않는 캔버스 이미지 연산 장치를 제공함에 있다.
본 발명의 캔버스 이미지 연산 장치는 자바스크립트 프로그램을 수신하고, 웹 브라우저를 통해 수신된 자바스크립트 어플리케이션 데이터로부터 자바스크립트 에이피아이(API)를 추출하고, 상기 자바스크립트 프로그램을 이용하여 자바스크립트 API로부터 연산된 캔버스 이미지를 출력하는 자바스크립트 엔진, 및 상기 자바스크립트 엔진에 연결되고, 상기 자바스크립트 API의 파싱(parsing)을 통해 추출된 캔버스 이미지를 연산하고, 연산된 캔버스 이미지를 상기 자바스크립트 엔진으로 제공하는 캔버스 이미지 프로세서를 포함하고, 상기 자바스크립트 엔진은 상기 자바스크립트 API로부터 상기 캔버스 이미지의 연산을 수행하기 위해 네이티브 언어로 구현된 내장 객체 모듈을 포함한다.
본 발명에 따른 캔버스 이미지 연산 장치는 자바스크립트 엔진 내부 또는 외부에 캔버스 이미지 연산을 하는 모듈을 이용함에 따라 캔버스 이미지 연산을 위한 인터프리터 또는 컴파일 과정을 필요로 하지 않음으로 빠른 실행 속도를 갖는 캔버스 이미지 연산을 할 수 있다.
도 1은 본 발명에 따른 캔버스 이미지 연산 장치를 예시적으로 도시한 도면,
도 2는 본 발명에 따른 캔버스 이미지 연산을 위한 캔버스 이미지 프로세서를 예시적으로 도시한 도면,
도 3은 본 발명에 따른 캔버스 이미지 연산을 위한 자바스크립트 에이피아이(API)를 예시적으로 도시한 도면, 및
도 4는 본 발명에 따른 캔버스 이미지 연산 장치를 포함한 사용자 기기를 예시적으로 도시한 도면이다.
이하, 본 발명에 따른 바람직한 실시 예를 첨부한 도면을 참조하여 상세히 설명한다. 하기의 설명에서는 본 발명에 따른 동작을 이해하는데 필요한 부분만이 설명되며 그 이외 부분의 설명은 본 발명의 요지를 모호하지 않도록 하기 위해 생략될 것이라는 것을 유의하여야 한다.
본 발명에 따른 캔버스 이미지 연산 장치는 캔버스 이미지 연산을 수행하는 모듈들을 자바스크립트 엔진(javascript engine) 내부에 포함하거나 자바스크립트 엔진에 연결된 형태로 제공한다. 하기에서는 캔버스 이미지 연산 장치가 캔버스 이미지 연산을 위해 웹 브라우저, 일예로, 하이퍼텍스트 기술용 언어5(HTML5: Hypertext Mark-up Language 5, 이하 'HTML5'라 칭하기로 함) 웹 브라우저의 자바스크립트 엔진을 활용한 것을 예시적으로 설명하지만, 캔버스 이미지 연산을 필요로 하는 다른 웹 브라우저의 자바스크립트 엔진에도 적용될 수 있다. 또한, 캔버스 이미지뿐만 아니라 다른 형태의 데이터들에도 본 발명의 캔버스 이미지 연산 장치와 같은 구조를 활용할 수 있다.
도 1은 본 발명에 따른 캔버스 이미지 연산 장치를 예시적으로 도시한 도면이다.
도 1을 참조하면, 캔버스 이미지 연산 장치(100)는 자바스크립트 엔진(110)과 이미지 프로세서(120)를 포함한다.
자바스크립트 엔진(110)은 자바스크립트 에이피아이(application processing interface, 이하 'API'라 칭하기로 함) 인터페이스 모듈(111), 장치 드라이버(112), 내장 객체 모듈(113), 및 자원 검출기(114)를 포함한다.
자바스크립트 API 인터페이스 모듈(111)은 캔버스 이미지 연산을 위한 자바스크립트 프로그램을 수신한다. 자바스크립트 API 인터페이스 모듈(111)은 자바스크립트 프로그램을 구동하며, 자바스크립트 프로그램은 자바스크립트 엔진(110) 내에서 객체를 액세스하는 기능을 제공한다. 자바스크립트 API 인터페이스 모듈(111)은 웹 브라우저를 통해 수신된 자바스크립트 어플리케이션 데이터로부터 자바스크립트 에이피아이를 추출한다. 자바스크립트 API 인터페이스 모듈(111)은 자바스크립트 프로그램을 이용하여 자바스크립트 API로부터 연산된 캔버스 이미지를 획득하고, 획득된 캔버스 이미지를 출력한다.
자바스크립트 API 인터페이스 모듈(111)은 내장 객체 모듈(113) 또는 캔버스 이미지 프로세서(120)를 통해 캔버스 이미지 연산을 수행할 수 있고, 연산된 캔버스 이미지를 수신하고, 수신된 캔버스 이미지를 출력한다.
장치 드라이버(112)는 캔버스 이미지 프로세서(120)의 연결을 위한 기능을 제공한다. 장치 드라이버(112)는 자바스크립트 API 인터페이스 모듈(111)로부터 출력되는 자바스크립트 API를 캔버스 이미지 프로세서(120)로 제공한다. 또한, 장치 드라이버(112)는 이미지 프로세서(120)로부터 연산된 캔버스 이미지를 자바스크립트 API 인터페이스 모듈(111)로 출력한다.
내장 객체 모듈(113)은 자바스크립트 엔진(110)을 구현한 네이티브 언어로 구현되고, 캔버스 이미지 연산을 수행한다. 예를 들면, 내장 객체 모듈(113)은 C 언어(C/C++) 캔버스 이미지 연산 내장 객체부(1131)와 오픈 컴퓨팅 언어(Open Computing Language, 이하 'OpenCL'라 칭하기로 함) 캔버스 이미지 연산 내장 객체부(1132)를 포함한다. 여기서, 내장 객체 모듈에 포함된 C 언어 캔버스 이미지 연산 내장 객체부(1131)와 OpenCL 캔버스 이미지 연산 내장 객체부(1132)는 예시적으로 설명된 것으로, 상술한 언어들 이외의 다른 언어들로 구현된 캔버스 이미지 연산 내장 객체부를 추가로 포함할 수도 있다.
내장 객체 모듈(113)은 캔버스 이미지 연산을 위한 C 언어 캔버스 이미지 연산 내장 객체부(1131)와 OpenCL 캔버스 이미지 연산 내장 객체부(1132) 중 하나를 선택하여 자바스크립트 API 인터페이스 모듈(111)로부터 출력된 자바스크립트 API로부터 캔버스 이미지 연산을 할 수 있다. 내장 객체 모듈(113)은 네이티브 언어(C언어(C/C++) 또는 OpenCL)로 구현됨에 따라 캔버스 이미지 연산을 위한 실행 속도가 향상된다. 여기서, 네이티브 언어는 별도의 인터프리터 또는 컴파일러를 필요로 하지 않는 데이터 형식을 의미한다.
자원 검출기(114)는 장치 드라이버(112)와 내장 객체 모듈(113)의 동작 상태 또는 존재 여부 등을 검출하고, 검출 결과에 따라 캔버스 이미지 프로세서(120) 또는 내장 객체 모듈(113)의 선택적으로 사용 가능하도록 한다. 이를 위해, 자원 검출기(114)는 캔버스 이미지 연산을 위한 캔버스 이미지 프로세서(120) 또는 내장 객체 모듈(113) 중 하나 또는 모두를 선택한다. 이때, 자원 검출기(114)는 캔버스 이미지 연산을 위해 내장 객체 모듈(113)에 포함된 C 언어 캔버스 이미지 연산 내장 객체부(1131)와 OpenCL 캔버스 이미지 연산 내장 객체부(1132) 중 하나를 선택한다. 자원 검출기(114)는 선택된 정보를 자바스크립트 API 인터페이스 모듈(111)로 출력을 통해, 자바스크립트 API 인터페이스 모듈(111)에서 캔버스 이미지 연산에 수행될 모듈 또는 프로세서를 선택하도록 한다.
캔버스 이미지 프로세서(120)는 시스템 온 칩(SoC) 형태로 구현될 수 있고, 자바스크립트 API 인터페이스 모듈(111)로부터 출력되는 자바스크립트 API를 이용하여 캔버스 이미지 연산을 수행한다. 캔버스 이미지 프로세서(120)는 버스(bus)를 통해 자바스크립트 엔진(110)(즉, 장치 드라이버(112))에 연결된다. 캔버스 이미지 프로세서(120)는 내장 객체 모듈(113)의 캔버스 이미지 연산과 유사한 기능의 캔버스 이미지 연산을 수행하고, 연산된 캔버스 이미지를 장치 드라이버(112)를 통해 자바스크립트 API 인터페이스 모듈(111)로 출력한다.
이와 같이, 본 발명의 캔버스 이미지 연산 장치(100)는 캔버스 이미지 연산을 내장 객체 모듈(113) 또는 캔버스 이미지 프로세서(120)를 통해 수행함에 따라, 자바스크립트로 이루어진 캔버스 이미지에 대한 연산을 위해 사용되는 자바스크립트 라이브러리의 사용을 필요로 하지 않는다. 즉, 캔버스 이미지 연산 장치(100)는 자바스크립트 라이브러리의 실행을 위해 라인 단위로 수행되는 인터프리터 또는 컴파일 과정을 필요로 하지 않음으로 캔버스 이미지 연산을 위한 실행 속도가 증가한다.
도 2는 본 발명에 따른 캔버스 이미지 연산을 위한 캔버스 이미지 프로세서를 예시적으로 도시한 도면이다.
도 2를 참조하면, 캔버스 이미지 프로세서(120)는 API 파서부(121), 캔버스 이미지 저장부(122), 및 캔버스 이미지 연산부(123)를 포함한다. 여기서, API 파서부(121), 캔버스 이미지 저장부(122), 및 캔버스 이미지 연산부(123)는 상호 간에 버스를 통해 연결된다.
API 파서부(121)는 자바스크립트 API와 인자를 수신하고, 자바스크립트 API를 파싱(parsing)하고, 파싱된 정보를 캔버스 이미지 연산부(123)로 출력한다.
캔버스 이미지 저장부(122)는 캔버스 이미지 연산을 위한 이미지를 저장한다.
캔버스 이미지 연산부(123)는 API 파서부(121)를 통해 수신된 정보를 이용하여 자바스크립트 API에 따른 캔버스 이미지 연산을 실행한다. 캔버스 이미지 연산부(123)는 연산된 캔버스 이미지를 캔버스 이미지 저장부(122)에 저장하고, 캔버스 이미지 저장부(122)를 통해 자바스크립트 API 인터페이스부로 연산된 캔버스 이미지를 출력한다.
도 3은 본 발명에 따른 캔버스 이미지 연산을 위한 자바스크립트 에이피아이(API)를 예시적으로 도시한 도면이다.
도 3을 참조하면, 자바스크립트 API 인터페이스에서 캔버스 이미지 연산을 위해 사용되는 자바스크립트 API들을 예시적으로 도시한다. 자바스크립트 API는 캔버스 이미지 프로세싱(Cip) 객체에 대한 메소드 형식을 갖는다.
210에서 도시된 "status = Cip.setup(initParameters)"는 캔버스 이미지 가속을 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서를 초기화하고 자원을 선택하기 위한 설정 API이다.
220에서 도시된 "status = Cip.finish()"는 내장 객체 모듈 또는 캔버스 이미지 프로세서의 실행을 종료하기 위한 API이다.
230에서 도시된 "image = Cip.vector(canvasImage, operandImage, width, height, operation)"은 논리 및 산술 연산을 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서용 API이다.
240에서 도시된 "image = Cip.dsp(canvasImage, width, height, operation, operationParameters)"은 디지털신호처리 연산을 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서(120)용 API이다.
250에서 도시된 "image = Cip.morph(canvasImage, width, height, morphType)"은 모폴로지 연산을 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서용 API이다.
260에서 도시된 "image = Cip.canvas(canvasImage, witdth, height, operationType, mask, operationParameters)"는 캔버스 이미지 연산 처리를 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서용 API이다.
이와 같이, 응용 프로그램의 목적에 따라 230 내지 260에서 도시된, 벡터, 디지털 신호 처리, 모폴로지, 캔버스, 및 트래킹 API들이 사용된다.
270에서 도시된, "out = Cip.tracking(canvasImage, width, height, trackingParameters, trainingData, trainingType)"은 카메라 및 동영상으로부터 얼굴 검출을 위한 내장 객체 모듈 또는 캔버스 이미지 프로세서용 API이다.
일예로, 본 발명의 자바스크립트 API에서 캔버스 입출력 영상은 픽셀 당 알지비에이(RGBA) 4바이트로 이루어진 데이터 형식을 가질 수 있다.
도 4는 본 발명에 따른 캔버스 이미지 연산 장치가 구현된 사용자 기기를 예시적으로 도시한 도면이다.
도 4를 참조하면, 사사용자 기기(300)는 웹 브라우저의 구동이 가능한 기기이고, 개인 컴퓨터(PC), 노트북, 태블릿 PC, 스마트폰과 같은 기기들을 모두 포함할 수 있다. 사용자 기기(300)는 프로세서(310), 캔버스 이미지 프로세서(320), 디스플레이 모듈(330), 오디오 처리부(340), 송수신기(360), 및 메모리(370)를 포함한다.
프로세서(310)는 사용자 기기의 전반적인 동작을 제어한다. 프로세서(310)는 자바스크립트 엔진(311)을 포함한다. 이때, 프로세서(310)는 웹 브라우저의 구동이 가능하며, 웹 브라우저를 통해 수신된 자바스크립트 어플리케이션 데이터를 자바스크립트 엔진(311)으로 출력한다.
자바스크립트 엔진(311)은 자바스크립트 어플리케이션 데이터로부터 자바스크립트 API를 추출하고, 추출된 자바스크립트 API로부터 연산된 캔버스 이미지를 디스플레이 모듈(330)로 출력한다. 자바스크립트 엔진(311)은 내부에 포함된 내장 객체 모듈 또는 이미지 프로세서(320)를 이용하여 캔버스 이미지 연산을 수행할 수 있다. 자바스크립트 엔진(311)은 저장을 필요로 하는 데이터에 대해 메모리(370)를 이용할 수도 있다.
캔버스 이미지 프로세서(320)는 버스를 통해 프로세서(310)와 연결될 수 있으며, 프로세서(310) 내부의 자바스크립트 엔진(311)으로부터 출력되는 자바스크립트 API를 이용하여 캔버스 이미지 연산을 수행하고, 연산된 캔버스 이미지를 프로세서(310)로 출력한다.
자바스크립트 엔진(311)과 이미지 프로세서(320)는 사용자 기기(300)에서의 구현을 예시적으로 설명한 것으로, 도 1의 자바스크립트 엔진(110)과 이미지 프로세서(120)에 대응될 수 있다.
디스플레이 모듈(330)은 프로세서(310)를 통해 출력되는 이미지 데이터를 출력하기 위한 모듈로서, 사용자에게 이미지 데이터를 디스플레이한다. 여기서, 디스플레이 모듈(330)은 연산 처리된 캔버스 이미지를 디스플레이할 수도 있다.
오디오 처리부(340)는 스피커를 포함할 수 있으며, 스피커를 통해 자바스크립트 엔진(311) 또는 프로세서(310)를 통해 처리된 오디오 데이터를 출력한다.
사용자 인터페이스(350)는 사용자로부터 입력되는 사용자 신호를 생성하고, 사용자 신호를 프로세서로 제공한다. 사용자 인터페이스(350)는 웹 브라우저의 구동 제어를 위한 제어 신호를 발생할 수 있고, 웹 브라우저의 구동에 따라 자바스크립트 엔진(311)이 활성화될 수 있다.
송수신기(360)는 유선 또는 무선으로 네트워크에 접속되어 다양한 데이터를 송수신한다. 또한, 송수신기(360)는 웹 브라우저의 구동에 따른 자바스크립트 어플리케이션 데이터를 수신하고, 수신된 자바스크립트 어플리케이션 데이터를 프로세서로 출력할 수 있다.
메모리(370)는 프로세서(310)의 동작을 위한 데이터 또는 동작 중에 발생되는 데이터를 저장한다. 메모리(370)는 자바스크립트 엔진(311) 또는 캔버스 이미지 프로세서(320)의 구현에 따라 필요로 하는 데이터를 저장하거나 저장된 데이터를 제공하는 기능을 가질 수도 있다.
본 발명의 캔버스 이미지 연산 장치는 HTML5 웹 브라우저에서 캔버스 이미지 연산을 위해 내장 객체 모듈 또는 캔버스 이미지 프로세서를 사용함으로서, 자바스크립트 코드로 수행하는 것보다 빠른 실행 결과를 얻을 수 있다. 캔버스 이미지 연산을 위해 자바스크립트 프로그램은 제안된 자바스크립트 API 코드를 사용하여 플랫 폼에 무관하게 동일한 캔버스 이미지 연산 결과를 획득할 수 있다.
본 발명의 캔버스 이미지 연산 장치에서 구현하고자 하는 자바스크립트 프로그램의 자바스크립트 라이브러리가 자바스크립트 API로 대체됨에 따라 자바스크립트 코드의 크기는 작아진다. 이에 따라 클라이언트의 웹 브라우저에서 실행되는 경우, 캔버스 이미지 연산 장치는 자바스크립트 라이브러리 코드의 로딩 시간을 감소시킬 수 있다. 추가로, 캔버스 이미지 연산을 위한 내장 객체 모듈과 캔버스 이미지 프로세서를 동시에 사용하면, 캔버스 이미지 연산 장치는 이종 병렬 연산의 효과를 제공할 수 있다.
한편, 본 발명의 상세한 설명에서는 구체적인 실시 예에 관하여 설명하였으나, 본 발명의 범위에서 벗어나지 않는 한도 내에서 여러 가지 변형이 가능함은 물론이다. 그러므로 본 발명의 범위는 상술한 실시 예에 국한되어 정해져서는 안되며 후술하는 특허청구범위뿐만 아니라 이 발명의 특허청구범위와 균등한 것들에 의해 정해져야 한다.
100: 캔버스 이미지 연산 장치 110: 자바스크립트 엔진
111: 자바스크립트 API 인터페이스 모듈
112: 장치 드라이버 113: 내장 객체 모듈
1131: C 언어 캔버스 이미지 연산 내장 객체부
1132: OpenCL 캔버스 이미지 연산 내장 객체부
114: 자원 검출기 120: 캔버스 이미지 프로세서
121: API 파서부 122; 캔버스 이미지 저장부
123: 캔버스 이미지 연산부 310: 프로세서
311: 자바스크립트 엔진 320: 캔버스 이미지 프로세서
330: 디스플레이 모듈 340: 오디오 처리부
350: 사용자 인터페이스 360: 송수신기
370: 메모리

Claims (1)

  1. 자바스크립트 프로그램을 수신하고, 웹 브라우저를 통해 수신된 자바스크립트 어플리케이션 데이터로부터 자바스크립트 에이피아이(API)를 추출하고, 상기 자바스크립트 프로그램을 이용하여 자바스크립트 API로부터 연산된 캔버스 이미지를 출력하는 자바스크립트 엔진; 및
    상기 자바스크립트 엔진에 연결되고, 상기 자바스크립트 API의 파싱(parsing)을 통해 추출된 캔버스 이미지를 연산하고, 연산된 캔버스 이미지를 상기 자바스크립트 엔진으로 제공하는 캔버스 이미지 프로세서를 포함하고,
    상기 자바스크립트 엔진은 상기 자바스크립트 API로부터 상기 캔버스 이미지의 연산을 수행하기 위해 네이티브 언어로 구현된 내장 객체 모듈을 포함하는 캔버스 이미지 연산 장치.
KR1020160032261A 2016-03-17 2016-03-17 캔버스 이미지 연산 장치 KR20170108412A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160032261A KR20170108412A (ko) 2016-03-17 2016-03-17 캔버스 이미지 연산 장치

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160032261A KR20170108412A (ko) 2016-03-17 2016-03-17 캔버스 이미지 연산 장치

Publications (1)

Publication Number Publication Date
KR20170108412A true KR20170108412A (ko) 2017-09-27

Family

ID=60036149

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160032261A KR20170108412A (ko) 2016-03-17 2016-03-17 캔버스 이미지 연산 장치

Country Status (1)

Country Link
KR (1) KR20170108412A (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110020415A (zh) * 2018-01-09 2019-07-16 北大方正集团有限公司 图表处理方法、系统、计算机设备及存储介质
CN112667128A (zh) * 2020-12-24 2021-04-16 携程旅游网络技术(上海)有限公司 基于浏览器画布的图片处理方法、系统、设备和介质
CN113360200A (zh) * 2020-03-05 2021-09-07 北京沃东天骏信息技术有限公司 一种目标程序植入页面运行的方法和装置

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110020415A (zh) * 2018-01-09 2019-07-16 北大方正集团有限公司 图表处理方法、系统、计算机设备及存储介质
CN113360200A (zh) * 2020-03-05 2021-09-07 北京沃东天骏信息技术有限公司 一种目标程序植入页面运行的方法和装置
CN112667128A (zh) * 2020-12-24 2021-04-16 携程旅游网络技术(上海)有限公司 基于浏览器画布的图片处理方法、系统、设备和介质

Similar Documents

Publication Publication Date Title
CN111026396B (zh) 页面渲染方法、装置、电子设备及存储介质
US20200348912A1 (en) Optimized machine learning pipeline execution based on execution graphs
CN104850388B (zh) 网页绘制方法及装置
US20170264106A1 (en) Selective Rasterization
KR20220088924A (ko) 증강 현실에 기반한 디스플레이 방법 및 장치, 및 저장 매체
JP5798552B2 (ja) スクリーンキャプチャに関する方法、システムおよびコンピュータ・プログラム
EP4394711A1 (en) Rendering model training method and apparatus, video rendering method and apparatus, and device and storage medium
US20170090886A1 (en) System and Method for Using Ubershader Variants Without Preprocessing Macros
CN113377366B (zh) 控件编辑方法、装置、设备、可读存储介质及产品
US20220091864A1 (en) Page guiding methods, apparatuses, and electronic devices
CN109582317B (zh) 用于调试寄宿应用的方法和装置
KR20220080007A (ko) 증강 현실 기반 디스플레이 방법, 장치 및 저장 매체
KR20170108412A (ko) 캔버스 이미지 연산 장치
CN112116690A (zh) 视频特效生成方法、装置及终端
CN113050940A (zh) 小程序的预览方法、相关装置及计算机程序产品
CN115185533A (zh) 编译处理方法、装置及设备
CN111125602B (zh) 页面构建方法、装置、设备和存储介质
CN113687816A (zh) 算子的可执行代码的生成方法及装置
CN118103809A (zh) 页面显示方法、电子设备及计算机可读存储介质
WO2016167876A1 (en) Supporting multi-level nesting of command buffers in graphics command streams at computing devices
CN107959845B (zh) 图像数据传输的方法、装置、客户端装置及头戴显示设备
WO2023241544A1 (zh) 组件预览的方法和电子设备
US20220292141A1 (en) Quick Application Startup Method and Related Apparatus
CN112416533A (zh) 在浏览器上运行应用程序的方法、装置及电子设备
CN115131470A (zh) 一种图文素材合成方法、装置、电子设备和存储介质