VML: 곡선 및 원 그리기

Tech: /VML·SVG 2008. 9. 29. 16:01

이번엔 곡선이다.

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>

<v:curve from="0,0" control1="100pt,200pt" control2="200pt,0pt"
to="300pt,50pt" strokecolor="red" strokeweight="3pt">
</v:curve>

<v:curve from="0,200" control1="100pt,0pt" control2="200pt,200pt"
to="300pt,0pt" strokecolor="blue" strokeweight="3pt">
<v:fill on="false"/>
</v:curve>

</body>
</html>

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

다음으로는 원이다.

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>

<v:oval style="position:absolute;left:100;top:100;width:100;height:100;" strokecolor="red" strokeweight="3pt">
</v:oval>

</body>
</html>

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

저작자표시 비영리 변경금지

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

VML: 연결선(polyline) (0)	2008.09.29
VML: 텍스트 박스 (0)	2008.09.29
VML: 선 및 사각형 그리기 (0)	2008.09.29
VML: 삼각형 그리기 (0)	2008.09.29
SVG 문서 처음 접하기 (0)	2008.09.29