croquis.js에서 드로잉툴 개발의 시작은 croquis 객체의 dom element를 문서에 붙이는 것입니다.
일단 다음과 같이 croquis 객체를 생성합니다:
var croquis = new Croquis();
croquis 객체에는 화면에 보여주기 위한 dom element와 그 것의 상태를 관리하는 여러 메서드들이 들어있습니다.
다음의 코드로 croquis 객체의 dom element를 문서의 body 엘리먼트에 붙입니다:
document.body.appendChild(croquis.getDOMElement());
아직 화면에 아무것도 보이지 않지만 문서에 그림판이 하나 얹혀져 있는 상태입니다. 여기에 그림을 그리기 위해서는 레이어를 만들어야 합니다.