手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Line,Polyline(线)对象
Line,Polyline(线)对象
摘要:Line是做图中最常用的,它有两个特殊的属性from和to,就是起始点和终止点坐标。●如果要改变线的样式,LineStyle(Stroke)...

Line是做图中最常用的,它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。

<v:line from="0,0" to="100,50"/>

●如果要改变线的样式,LineStyle (Stroke)属性可以做到:

Single(默认),ThinThin,ThinThick,ThickBetweenThin

●如果要改变线的类型,可以用 DashStyle(Stroke)属性:

<v:line 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 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"/>

一样可以设置它的线的样式和类型以及箭头 ( IE5.0中,PolyLine不支持 Arrow )

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

<v:stroke StartArrow="Oval" EndArrow="Classic" dashstyle="Dot" />

</v:PolyLine>

【Line,Polyline(线)对象】相关文章:

如何用CSS自定义鼠标显示的形状

可记忆cookie的页面简繁体转换代码

在CSS中用attr()显示HTML属性值

border:none;与border:0;的区别

用CSS让DIV层水平居中

CSS2.0手册(苏沈小雨版)

CSS布局需要掌握的8个你技巧

CSS应用基础教程(5) 文字性质

CSS BUG顺口溜,快速牢记CSS的Bug处理方法

overflow解决float浮动后高度自适应问题

精品推荐
分类导航