Line,Polyline(线)对象
Line,Polyline(线)对象
发布时间:2016-12-29 来源:查字典编辑
摘要: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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类