이번에는 선 및 사각형이다.
사각형 색깔을 그라데이션 효과로 주어봤다.
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>
<v:line from="10pt,10pt" to="100pt,10pt" strokecolor="red"
strokeweight="3pt" href="http://red"/>
<v:line from="10pt,10pt" to="10pt,100pt" strokecolor="blue"
strokeweight="3pt" href="http://blue"/>
<v:line from="100pt,10pt" to="100pt,100pt" strokecolor="black"
strokeweight="3pt" href="http://black"/>
<v:line from="10pt,100pt" to="100pt,100pt" strokecolor="green"
strokeweight="3pt" href="http://green"/>
<v:line from="10pt,10pt" to="100pt,100pt" strokecolor="black"
strokeweight="2pt">
<v:stroke dashstyle="dot"/>
</v:line>
<v:line from="100pt,10pt" to="10pt,100pt" strokecolor="black"
strokeweight="2pt">
<v:stroke dashstyle="dash"/>
</v:line>
<v:rect id="rect01"
style="top:1;left:1;width:200;height:200">
<v:fill type="gradient" color="red" color2="blue"/>
</v:rect>
<v:shape id="rect02"
coordorigin="0 0" coordsize="200 200"
strokecolor="red"
style="top:1;left:1;width:200;height:200"
path="m 1,1 l 1,200, 200,200, 200,1 x e">
<v:fill type="gradient" color="red" color2="violet"
colors="30% yellow,60% green,90% blue"/>
</v:shape>
</body>
</html>
이 소스를 웹 브라우저로 보면 다음과 같다.
'Tech: > VML·SVG' 카테고리의 다른 글
| VML: 텍스트 박스 (0) | 2008.09.29 |
|---|---|
| VML: 곡선 및 원 그리기 (0) | 2008.09.29 |
| VML: 삼각형 그리기 (0) | 2008.09.29 |
| SVG 문서 처음 접하기 (0) | 2008.09.29 |
| VML의 기초 (0) | 2008.09.29 |
