본문 바로가기

HTML5

HTML5 CANVAS를 이용한 그림판 - Sketchpad


HTML5 <CANVAS>를 이용하여 만든 그림판이다. 거의 포토샵 수준의 툴이 구현되어있다. 
CANVAS가 구현되지 않은 인터넷 익스플로러(IE)는 사용할 수 없다. IE를 제외한 최신브라우저에서 가능하다.(Firefox, Safari, Chrome, Opera제작사에서는 추후 IE에서도 사용 가능하도록 IECanvas를 이용하여 IE에서도 사용 가능한 버전을 발표할 예정이라고 한다.

제작사 블로그 : http://www.colorjack.com/blog/

제목이 있는 모든 창들은 드래그&드랍으로 이동시킬 수 있으며, 다 그린 결과물은 PNG파일로 저장이 가능하다.
라운딩 모서리나 반투명 표현이 CSS3로 되어있지 않은 것이 아주 조금 아쉽지만
CANVAS의 기능과 가능성을 보고 위와 같은 그림판을 구현한 것만으로도 너무나도 놀라울 뿐이다. 

플래시나 실버라이트로만 가능하다고 생각했던 것들이- HTML5에서는 플러그인 없이 보여지고 있다.
앞으로 어떻게 발전하게 될지 무척 기대가 된다.