path만을 이용해서 별 모양을 그리는 예제이다. 소스 자체는 간단하지만, 고도의 좌표 인지/표현 능력(?)이 요구되는 기술이라 하지 않을 수 없다.

 

<html xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <style>
   v\:* { behavior: url(#default#VML); }
  </style>
 </head>
 <body>
  <v:shape style='LEFT: 0px; WIDTH: 250px; TOP: 0px; HEIGHT: 250px' stroke="true" strokecolor="red"
   strokeweight="2pt" fill="true" fillcolor="green" coordsize="175,175" path=" m8,65 l72,65,92,11,112,65,174,65,122,100,142,155,92,121,42,155,60,100 xe">
   <v:path />
  </v:shape>
 </body>
</html>

 

이 소스를 웹 브라우저로 보면 다음과 같다.



 

'Tech: > VML·SVG' 카테고리의 다른 글

VML 고급: 스트립트와의 상호작용  (0) 2008.10.01
VML 응용: 데이터베이스 모형  (0) 2008.10.01
VML 응용: 파이 그래프  (0) 2008.10.01
VML 응용: 막대 그래프  (0) 2008.10.01
VML 응용: 무지개  (0) 2008.10.01


Posted by 떼르미
,


자바스크립트를 허용해주세요!
Please Enable JavaScript![ Enable JavaScript ]