polyline多边型
1:polyline多边型 - 专⽤属性
属性名 默认值 值类型/范围 Dhtml访问 ⽤途
points 0,0 Vector2D points.value 描述多边形的形状
2:polyline多边型 - 实例讲解
<HTML xmlns:v><STYLE>v/:*{behavior:url(#default#VML);}</STYLE><BODY bgcolor="#eeeeee">
<v:polyline points="0,0,30,-40" filled="t" fillcolor="white"/>
<v:polyline points="0,0,30,-40,60,0" filled="t" fillcolor="white"/>
<v:polyline points="0,0,30,-40,60,0,0,0" filled="t"
lukefillcolor="white"/>
<v:polyline points="0,0,30,40,60,0,0,0" filled="f"
毕业生电影主题曲
overlap>proud是什么意思strokecolor="red"/>
很明显,polyline多边型不像oval、rect那样以CSS的width、height定义多边型的⼤⼩,⽽是通过points的参数绘制⼀条条线段实现任何形状、为⼀个整体的多边型。也许你说line线标记也可以组成⼀个多边型,但它不是⼀个整体,⽽polyline则是。本例只是个最简单的三⾓型,学习polyline主要就是理解points参数的写法,下⾯由我来解释其作⽤
教师节国旗下讲话
LEFT:271;TOP:225 points="0,0,30,-40,60,0,0,0",是如何描绘三⾓型的?
第1步:⾸先⽤CSS的LEFT、TOP定义了该多边型位于XY⽹页交接点的绝对位置
第2步:0,0,30,-40,60,0,0,0,其中0,0的第⼀个0表⽰偏移X交接点多少值、第⼆个表⽰偏移Y交接点多少值。由于我们既然⽤CSS定义了准确的该形状的绝对位置,所以我们就⽤0,0表⽰不偏移(也就是说该值⽆必要,但必须写0,0)
2016年12月四级答案
第3步:0,0,30,-40,60,0,0,0,其中的30,-40的30表⽰第⼀条线向右伸展30px、-40表⽰第⼀条线向下伸展-40px,由于是负数,那么就等同于向上伸展40,所以我们看到的第⼀个多边型的值为0,0,30,-40,只描述了⼀条线。
第4步:0,0,30,-40,60,0,0,0,其中的60,0的60表⽰新增了第⼆条线它向右伸展了60px、0表⽰第⼆条线向下伸展0px,由于是0,那么就等同于原交接点的Y⾼度,所以我们看到的第⼆个多边型的值为0,0,30,-40,60,0,只描述了⼆条线。
第5步:0,0,30,-40,60,0,0,0,最后的0,0的第⼀个0表⽰新增了第三条线它向右伸展了0px、第⼆个0表⽰第三条线向下伸展0px,由于都是0,那么就等同于原交接点的XY,所以我们看到的第三个多边型的值为0,0,30,-40,60,0,0,0,描述了三条线、最后的0,0值使它回归原路径,就构成了三⾓型
美发知识⽽最后的那个到三⾓型,很简单的原因是把-40(向上延伸)写成了40,变成了向下延伸
可以想象,0,0,30,-40,60,0,0,0的模式其实就是x1,y1,x1+n,y1+n,x2+n,y2+n,x3+n,y3+n,在多了就创建更多条线,绘制更复杂的多边型。。。另外第三条线的filled="f"采⽤了通⽤属性,表⽰该多边形不使⽤颜⾊填充
例如:
<HTML xmlns:v><STYLE>v/:*{behavior:url(#default#VML);}</STYLE><BODY bgcolor="#eeeeee">
英语整句翻译<v:polyline points="0,0,51.75pt,0,9.75pt,38.25pt,28.5pt,-27pt,45pt,41.25pt,0,0" filled="t" strokecolor="blue"/>
<v:polyline points="0,0,18pt,-12.75pt,36.75pt,-
12.75pt,48.75pt,0,48.75pt,13.5pt,27pt,30.75pt,6pt,25.5pt,0,0" strokeweight=".75pt" filled="fal"/>partnering
<v:polyline points="0,0,23.25pt,-
4.5pt,58.5pt,11.25pt,20.25pt,30.75pt,78pt,44.25pt,87pt,22.5pt,87.75pt,-6pt,69pt,-18.75pt,23.25pt,-28.5pt,105pt,-
32.25pt,115.5pt,-
12pt,96.75pt,35.25pt,94.5pt,48pt,93pt,55.5pt,56.25pt,69.75pt,26.25pt,61.5pt,16.5pt,49.5pt,9.75pt,43.5pt,0,0" filled="t" strokeweight="2px"/>
<v:polyline points="0,0,43.5pt,-
jhin
24.75pt,42.75pt,1.5pt,0,0" filled="t" fillcolor="red"/>