croquis.js

croquis.js는 누구나 쉽게 자신만의 드로잉툴을 개발할 수 있도록 도와줍니다.

croquis.js croquis.js는 누구나 쉽게 자신만의 드로잉툴을 개발할 수 있도록 도와줍니다.

Hello, World!

croquis.js에서 드로잉툴 개발의 시작은 croquis 객체의 dom element를 문서에 붙이는 것입니다.

일단 다음과 같이 croquis 객체를 생성합니다:

var croquis = new Croquis();

croquis 객체에는 화면에 보여주기 위한 dom element와 그 것의 상태를 관리하는 여러 메서드들이 들어있습니다.

다음의 코드로 croquis 객체의 dom element를 문서의 body 엘리먼트에 붙입니다:

document.body.appendChild(croquis.getDOMElement());

아직 화면에 아무것도 보이지 않지만 문서에 그림판이 하나 얹혀져 있는 상태입니다. 여기에 그림을 그리기 위해서는 레이어를 만들어야 합니다.

댓글

댓글 본문
작성자
비밀번호
버전 관리
0xABCDEF
현재 버전
선택 버전
graphittie 자세히 보기