Line是做圖中最常用的，它有兩個(gè)特殊的屬性 from 和 to ,就是起始點(diǎn)和終止點(diǎn)坐標(biāo)。
    <v:line from="0,0" to="100,50" style="position:relative;"/>



  ●如果要改變線的樣式，LineStyle (Stroke)屬性可以做到:
    Single(默認(rèn))，ThinThin，ThinThick，ThickBetweenThin
  ●如果要改變線的類型，可以用 DashStyle(Stroke)屬性:

    <v:line style="position:relative" from="0,0" to="100,0" >
    <v:stroke dashstyle="Dot"/>
    </v:line>

    Solid(默認(rèn)):見(jiàn)上圖
    ShortDash:
    ShortDot:
    ShortDashDot:
    ShortDashDotDot:
    Dot:
    Dash:
    LongDash:
    DashDot:
    LongDashDot:
    LongDashDotDot:
  ●在畫(huà)坐標(biāo)的時(shí)候，需要箭頭，VML已經(jīng)定義好了箭頭，在Stroke體現(xiàn):EndArrow 和 StartArrow 屬性，一個(gè)是線開(kāi)始的時(shí)候有箭頭，另一個(gè)是線結(jié)束的時(shí)候有箭頭。箭頭的樣式也有不少：

    <v:line style="position:relative" from="0,0" to="100,0" >
    <v:stroke EndArrow="Classic"/>
    </v:line>

    EndArrow="Block":
    EndArrow="Classic": (這個(gè)看起來(lái)還比較舒服)
    EndArrow="Diamond":
    StartArrow="Oval":
    StartArrow="Open":


    PolyLine是 Line 的變形，是不規(guī)則的連續(xù)的線。它有個(gè)特殊的屬性 Points ,用來(lái)設(shè)置每個(gè)點(diǎn)的坐標(biāo)。例如：

    <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>

最新評(píng)論