이제부터는 앞의 VML 기초 내용들을 응용해서 좀 더 그럴 듯한 예제를 만들어본다.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
sdfasasfasdfasdfasdfasdfasdfdbagear;jlaerf<br>
<span id="span1" style="position:absolute;top:1;left:1">
<v:curve from="0pt,200pt" control1="150pt,0pt" control2="300pt,0pt"
to="450pt,200pt">
<v:fill on="true" color="red" color2="violet" opacity="50%" opacity2="50%" colors="25% yellow,50% green,75% blue" type="gradient"/>
</v:curve>
<v:curve from="50pt,200pt" control1="150pt,50pt" control2="300pt,50pt"
to="400pt,200pt">
<v:fill on="true" opacity="50%"/>
</v:curve>
</span>
</body>
</html>
이 예제를 웹 브라우저로 보면 다음과 같다.
'Tech: > VML·SVG' 카테고리의 다른 글
| VML 응용: 파이 그래프 (0) | 2008.10.01 |
|---|---|
| VML 응용: 막대 그래프 (0) | 2008.10.01 |
| SVG: 패턴(Pattern) (0) | 2008.09.29 |
| SVG: 색상 단계 표현(Gradient) (0) | 2008.09.29 |
| SVG: 칠하기 (0) | 2008.09.29 |
