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());

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

댓글

댓글 본문