手机
当前位置:查字典教程网 >网页设计 > 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 BUG顺口溜,快速牢记CSS的Bug处理方法

CSS在IE与Firefox下的兼容性

8个对学习CSS3非常实用的帮助手册

C++ STL编程轻松入门

CSS设置DIV背景色渐变显示

CSS3动态效果学习笔记

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

css设置body背景图片随内容增加多少

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

用CSS+JS实现Li背景颜色交替

精品推荐
分类导航