Line,Polyline(线)对象

2022-04-15 0 658

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

    <v:line from=”0,0″ to=”100,50″ style=”position:relative;”/>

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

    
Single(默认),
ThinThin
ThinThick
ThickBetweenThin

  ●如果要改变线的类型,可以用 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>

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML Line,Polyline(线)对象 https://www.niceym.com/14416.html