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,
???????????????????? 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.aygfsteel.com/zhyiwww
|----------------------------------------------------------------------------------------|