Line,Polyline (line) object

Line is the most commonly used in drawings. It has two special properties from and to, namely the coordinates of the starting point and the end point.
    <v:line from="0,0" to="100,50" style="position:relative;"/>



●If you want to change the style of the line, the LineStyle (Stroke) property can do:
    Single(default),ThinThin，ThinThick，ThickBetweenThin
●If you want to change the type of line, you can use the DashStyle(Stroke) attribute:

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

    Solid(Default): See the picture above
    ShortDash:
    ShortDot:
    ShortDashDot:
    ShortDashDotDot:
    Dot:
    Dash:
    LongDash:
    DashDot:
    LongDashDot:
    LongDashDotDot:
●When drawing coordinates, arrows are needed. VML has defined arrows. In Stroke, the following properties are: EndArrow and StartArrow. One is that there is an arrow at the beginning of the line, and the other is that there is an arrow at the end of the line. There are many styles of arrows:

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

    EndArrow="Block":
    EndArrow="Classic":(This looks quite comfortable)
    EndArrow="Diamond":
    StartArrow="Oval":
    StartArrow="Open":


    PolyLineIt is a deformation of Line, an irregular continuous line. It has a special property Points, which is used to set the coordinates of each point. For example:

    <v:PolyLine filled="false" Points="0,0 0,100 20,150 200,100" style="position:relative"/>

You can also set the style and type of its line and arrows (In IE5.0, PolyLine does not support 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>