Line,Polyline(線)對象
更新時間:2006年12月24日 00:00:00 作者:
Line是做圖中最常用的,它有兩個特殊的屬性 from 和 to ,就是起始點和終止點坐標。
<v:line from="0,0" to="100,50" style="position:relative;"/>
●如果要改變線的樣式,LineStyle (Stroke)屬性可以做到:
Single(默認),ThinThin,ThinThick,ThickBetweenThin
●如果要改變線的類型,可以用 DashStyle(Stroke)屬性:
<v:line style="position:relative" from="0,0" to="100,0" >
<v:stroke dashstyle="Dot"/>
</v:line>
Solid(默認):見上圖
ShortDash:
ShortDot:
ShortDashDot:
ShortDashDotDot:
Dot:
Dash:
LongDash:
DashDot:
LongDashDot:
LongDashDotDot:
●在畫坐標的時候,需要箭頭,VML已經(jīng)定義好了箭頭,在Stroke體現(xiàn):EndArrow 和 StartArrow 屬性,一個是線開始的時候有箭頭,另一個是線結(jié)束的時候有箭頭。箭頭的樣式也有不少:
<v:line style="position:relative" from="0,0" to="100,0" >
<v:stroke EndArrow="Classic"/>
</v:line>
EndArrow="Block":
EndArrow="Classic": (這個看起來還比較舒服)
EndArrow="Diamond":
StartArrow="Oval":
StartArrow="Open":
PolyLine是 Line 的變形,是不規(guī)則的連續(xù)的線。它有個特殊的屬性 Points ,用來設(shè)置每個點的坐標。例如:
<v:PolyLine filled="false" Points="0,0 0,100 20,150 200,100" style="position:relative"/>
一樣可以設(shè)置它的線的樣式和類型以及箭頭 ( IE5.0中,PolyLine不支持 Arrow )
<v:PolyLine filled="false" Points="0,0 0,100 20,150 200,100" style="position:relative"/>
<v:stroke StartArrow="Oval" EndArrow="Classic" dashstyle="Dot" />
</v:PolyLine>
<v:line from="0,0" to="100,50" style="position:relative;"/>
●如果要改變線的樣式,LineStyle (Stroke)屬性可以做到:
Single(默認),ThinThin,ThinThick,ThickBetweenThin
●如果要改變線的類型,可以用 DashStyle(Stroke)屬性:
<v:line style="position:relative" from="0,0" to="100,0" >
<v:stroke dashstyle="Dot"/>
</v:line>
Solid(默認):見上圖
ShortDash:
ShortDot:
ShortDashDot:
ShortDashDotDot:
Dot:
Dash:
LongDash:
DashDot:
LongDashDot:
LongDashDotDot:
●在畫坐標的時候,需要箭頭,VML已經(jīng)定義好了箭頭,在Stroke體現(xiàn):EndArrow 和 StartArrow 屬性,一個是線開始的時候有箭頭,另一個是線結(jié)束的時候有箭頭。箭頭的樣式也有不少:
<v:line style="position:relative" from="0,0" to="100,0" >
<v:stroke EndArrow="Classic"/>
</v:line>
EndArrow="Block":
EndArrow="Classic":
EndArrow="Diamond":
StartArrow="Oval":
StartArrow="Open":
PolyLine是 Line 的變形,是不規(guī)則的連續(xù)的線。它有個特殊的屬性 Points ,用來設(shè)置每個點的坐標。例如:
<v:PolyLine filled="false" Points="0,0 0,100 20,150 200,100" style="position:relative"/>
一樣可以設(shè)置它的線的樣式和類型以及箭頭 ( IE5.0中,PolyLine不支持 Arrow )
<v:PolyLine filled="false" Points="0,0 0,100 20,150 200,100" style="position:relative"/>
<v:stroke StartArrow="Oval" EndArrow="Classic" dashstyle="Dot" />
</v:PolyLine>
相關(guān)文章
建立WEB兩大經(jīng)典!《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布!
建立WEB兩大經(jīng)典!《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布!...2006-12-12