본문 바로가기

HTML5+CSS3

[SVG 테스트]도라에몽 그리기

rect, circle, ellipse, line, path 를 최대한 사용해서 SVG 테스트하기위해 그려본 도라에몽이다.

하드코딩으로 그림을 그리다니.....물론 손쉬운  SVG editor가 있지만 ..

왜 도라에몽을 그려볼까 라고 생각했는지 모르지만 정말 잘선택한것 같다.

모든 shape를 다 적절히 써 볼 수 있는 캐릭터 였다.( 추가적으로 blur 속성도 적용해보았다. )

V
   
만약 브라우저가 SVG를 잘 지원한다면 아래 캡쳐 이미지처럼 보일것이다.
IE9에서는 블러처리 부분이 아쉽다. 다음엔 Canvas로 그려볼까??..