HTML5 <CANVAS>를 이용하여 만든 그림판이다. 거의 포토샵 수준의 툴이 구현되어있다.
CANVAS가 구현되지 않은 인터넷 익스플로러(IE)는 사용할 수 없다. IE를 제외한 최신브라우저에서 가능하다.(Firefox, Safari, Chrome, Opera) 제작사에서는 추후 IE에서도 사용 가능하도록 IECanvas를 이용하여 IE에서도 사용 가능한 버전을 발표할 예정이라고 한다.
Demo 보기 : http://mugtug.com/sketchpad/
제작사 블로그 : http://www.colorjack.com/blog/
제목이 있는 모든 창들은 드래그&드랍으로 이동시킬 수 있으며, 다 그린 결과물은 PNG파일로 저장이 가능하다.
라운딩 모서리나 반투명 표현이 CSS3로 되어있지 않은 것이 아주 조금 아쉽지만
CANVAS의 기능과 가능성을 보고 위와 같은 그림판을 구현한 것만으로도 너무나도 놀라울 뿐이다.
플래시나 실버라이트로만 가능하다고 생각했던 것들이- HTML5에서는 플러그인 없이 보여지고 있다.
앞으로 어떻게 발전하게 될지 무척 기대가 된다.
'HTML5' 카테고리의 다른 글
Youtube는 이미 HTML5로 시험적 동영상 서비스를 진행중 (1) | 2010.03.09 |
---|---|
html5 컨텐츠를 쉽게 제공하는 사이트 소개 (0) | 2010.02.08 |
CSS3를 이용한 역동적인 웹페이지 만들기 - Transition & Transform (0) | 2010.02.04 |
HTML5 를 이용한 클라이언트 사이드 데이타베이스 저장소 이용하기 (0) | 2010.02.04 |
[블로터포럼] HTML5가 개발자에게 ‘기회의 땅’인 이유 (0) | 2010.02.03 |