Line,Polyline(线)对象

所属分类: 网络编程 / CSS/HTML 阅读数: 755
收藏 0 赞 0 分享
Line是做图中最常用的,它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。
    <v:line from="0,0" to="100,50" style="position:relative;"/>



  ●如果要改变线的样式,LineStyle (Stroke)属性可以做到:
    Single(默认),ThinThinThinThickThickBetweenThin
  ●如果要改变线的类型,可以用 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已经定义好了箭头,在Stroke体现:EndArrow 和 StartArrow 属性,一个是线开始的时候有箭头,另一个是线结束的时候有箭头。箭头的样式也有不少:

    <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 的变形,是不规则的连续的线。它有个特殊的属性 Points ,用来设置每个点的坐标。例如:

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

    一样可以设置它的线的样式和类型以及箭头 ( 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>
更多精彩内容其他人还在看

IE 5.x/Win 和模型bug

IE 5.x/Win 和模型bug
收藏 0 赞 0 分享

各浏览器padding、margin的差异

各浏览器padding、margin的差异
收藏 0 赞 0 分享

IE浮动边界BUG延伸探讨

IE浮动边界BUG延伸探讨
收藏 0 赞 0 分享

[转]目前找到的最好的Iframe自适应高度代码

[转]目前找到的最好的Iframe自适应高度代码
收藏 0 赞 0 分享

Web Safe Color Pallette

Web Safe Color Pallette
收藏 0 赞 0 分享

网站制作之网页技巧

网站制作之网页技巧
收藏 0 赞 0 分享

http状态码一览表

网站的http状态对于网站维护人员来说是相当重要的,当网站出现问题的时候,我们首先要诊断一下网站的http状态,从而进一步确认哪里出现的问题
收藏 0 赞 0 分享

从Table向Css过渡的优缺点比较

从Table向Css过渡的优缺点比较
收藏 0 赞 0 分享

不用float实现div模块居中布局

不用float实现div模块居中布局
收藏 0 赞 0 分享

解决列高度自适应(相同)的五种方法

解决列高度自适应(相同)的五种方法
收藏 0 赞 0 分享
查看更多