1:polyline多边型 - 专用属性

2:polyline多边型 - 实例讲解

        很明显，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）
第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"采用了通用属性，表示该多边形不使用颜色填充
例如: