?
VML
中
path
屬性的理解
在
VML
中
,shape
中最主要的屬性是
Path
，它是個功能強大的畫筆，語法很簡單，由幾個字母組成，下面詳細講述：
m x,y
:MoveTo
把畫筆移動到 (x,y)；
l x,y:LineTo從當前點到(x,y)畫一條線；可以給連續的幾個點，VML會連續畫出來直到遇到 x 命令。
x:Close結束一條線；
e:End結束畫圖
我們來看一個例子：
<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
?????? <HEAD>
????????????? <STYLE>
v\:* { behavior: url(#default#VML);}
o\:* { behavior: url(#default#VML);}
</STYLE>
????????????? <TITLE>VML Sample</TITLE>
?????? </HEAD>
?????? <BODY>
????????????? <v:shape fillcolor="green"
???????????????????? style="position:relative;top:1;left:1;width:200;height:200"
????????????????????
path="m 1,1 l 1,250, 250,500, 500,500, 500,250, 250, 1 x e"
???????????????????? title="vml demo - draw? by zhangyi "
???????????????????? strokeColor="yellow">
????????????????????
???????????????????? <v:fill type="gradient" id="fill1" color="red" />?????????????????
??????
????????????? </v:shape>
?????? </BODY>
</HTML>
結果如下圖：
我們把
path
部分單獨分開來看：
path="
m 1,1
l 1,250, 250,500, 500,500, 500,250, 250, 1
x
e"
正好可以何上面的說明相對應。
經過四步：
1)???????
畫筆移動到（
1
，
1
）點，
m
表示移動畫筆，但是沒有畫的操作
2)???????
畫線，從第一個坐標開始，（
1
，
1
）—〉（
1
，
250
）—〉……—〉（
250
，
1
），按點順次畫點。
3)???????
X,
表示畫線結束
4)???????
E
表示畫圖的結束
?
|----------------------------------------------------------------------------------------|
版權聲明 版權所有 @zhyiwww
引用請注明來源 http://www.tkk7.com/zhyiwww
|----------------------------------------------------------------------------------------|
posted on 2006-11-01 17:11
zhyiwww 閱讀(3659)
評論(1) 編輯 收藏 所屬分類:
vml