Line,Polyline(线)对象

所属分类: 网络编程 / CSS/HTML 阅读数: 780
收藏 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>
更多精彩内容其他人还在看

Mozilla建议的CSS书写顺序

Mozilla建议的CSS书写顺序
收藏 0 赞 0 分享

微软终于对网页三剑客下手了

微软终于对网页三剑客下手了
收藏 0 赞 0 分享

div+css布局入门

div+css布局入门
收藏 0 赞 0 分享

HTML中的数据绑定

HTML中的数据绑定
收藏 0 赞 0 分享

CSS定义通用透明效果

CSS定义通用透明效果
收藏 0 赞 0 分享

一段巧妙的css debug代码

一段巧妙的css debug代码
收藏 0 赞 0 分享

display&position

display&position
收藏 0 赞 0 分享

布局遇到的问题 非常不错的见解

布局遇到的问题 非常不错的见解
收藏 0 赞 0 分享

表格斜线

表格斜线
收藏 0 赞 0 分享

利用CSS控制SELECT中的OPTION是否不允许选

利用CSS控制SELECT中的OPTION是否不允许选
收藏 0 赞 0 分享
查看更多