rect, circle, ellipse, line, path 를 최대한 사용해서 SVG 테스트하기위해 그려본 도라에몽이다.
하드코딩으로 그림을 그리다니.....물론 손쉬운 SVG editor가 있지만 ..
왜 도라에몽을 그려볼까 라고 생각했는지 모르지만 정말 잘선택한것 같다.
모든 shape를 다 적절히 써 볼 수 있는 캐릭터 였다.( 추가적으로 blur 속성도 적용해보았다. )
IE9에서는 블러처리 부분이 아쉽다. 다음엔 Canvas로 그려볼까??..
하드코딩으로 그림을 그리다니.....물론 손쉬운 SVG editor가 있지만 ..
왜 도라에몽을 그려볼까 라고 생각했는지 모르지만 정말 잘선택한것 같다.
모든 shape를 다 적절히 써 볼 수 있는 캐릭터 였다.( 추가적으로 blur 속성도 적용해보았다. )
만약 브라우저가 SVG를 잘 지원한다면 아래 캡쳐 이미지처럼 보일것이다.
IE9에서는 블러처리 부분이 아쉽다. 다음엔 Canvas로 그려볼까??..
'HTML5+CSS3' 카테고리의 다른 글
[HTML5 #2] HTML5 Markup (마크업) 태그설명 (10) | 2012.03.19 |
---|---|
[HTML5 #1] HTML5 소개 및 배경 (12) | 2012.02.28 |
2011 여름캠핑을 위한 웹앱 (0) | 2011.12.06 |
HTML5 예제30선 (0) | 2011.06.20 |
[아비도스_세미나] 2010 HTML5세미나_ 웹의 진화, 상상이상의 마력! (0) | 2010.10.19 |