VML中path属性的理解

阅读更多

 

VML 中 path 属性的理解

在 VML 中 ,shape 中最主要的属性是 Path ，它是个功能强大的画笔，语法很简单，由几个字母组成，下面详细讲述：

m x,y :MoveTo 把画笔移动到 (x,y)；
l x,y:LineTo从当前点到(x,y)画一条线；可以给连续的几个点，VML会连续画出来直到遇到 x 命令。
x:Close结束一条线；
e:End结束画图

我们来看一个例子：

      

             

             

      

      

             

                     style="position:relative;top:1;left:1;width:200;height:200"

                     path="m 1, 1,250, 250,500, 500,500, 500,250, 250, 1 x e"

                     title="vml demo - draw  by zhangyi "

                     strokeColor="yellow">

                    

                                      

      

             

      

结果如下图：

我们把 path 部分单独分开来看：

path="

m 1,1

l 1,250, 250,500, 500,500, 500,250, 250, 1

x

e"

正好可以何上面的说明相对应。

经过四步：

1)        画笔移动到（ 1 ， 1 ）点， m 表示移动画笔，但是没有画的操作

2)        画线，从第一个坐标开始，（ 1 ， 1 ）—〉（ 1 ， 250 ）—〉……—〉（ 250 ， 1 ），按点顺次画点。

3)        X, 表示画线结束

4)        E 表示画图的结束

 

zhyiwww 2006-11-01 17:11 发表评论