?
VML
中
path
屬性的理解
在
VML
中
,shape
中最主要的屬性是
Path
，它是個(gè)功能強(qiáng)大的畫筆，語法很簡單，由幾個(gè)字母組成，下面詳細(xì)講述：
m x,y
:MoveTo
把畫筆移動(dòng)到 (x,y)；
l x,y:LineTo從當(dāng)前點(diǎn)到(x,y)畫一條線；可以給連續(xù)的幾個(gè)點(diǎn)，VML會連續(xù)畫出來直到遇到 x 命令。
x:Close結(jié)束一條線；
e:End結(jié)束畫圖
我們來看一個(gè)例子：
<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>
結(jié)果如下圖：
我們把
path
部分單獨(dú)分開來看：
path="
m 1,1
l 1,250, 250,500, 500,500, 500,250, 250, 1
x
e"
正好可以何上面的說明相對應(yīng)。
經(jīng)過四步：
1)???????
畫筆移動(dòng)到（
1
，
1
）點(diǎn)，
m
表示移動(dòng)畫筆，但是沒有畫的操作
2)???????
畫線，從第一個(gè)坐標(biāo)開始，（
1
，
1
）—〉（
1
，
250
）—〉……—〉（
250
，
1
），按點(diǎn)順次畫點(diǎn)。
3)???????
X,
表示畫線結(jié)束
4)???????
E
表示畫圖的結(jié)束
?
|----------------------------------------------------------------------------------------|
版權(quán)聲明 版權(quán)所有 @zhyiwww
引用請注明來源 http://www.tkk7.com/zhyiwww
|----------------------------------------------------------------------------------------|
posted on 2006-11-01 17:11
zhyiwww 閱讀(3668)
評論(1) 編輯 收藏 所屬分類:
vml