zhyiwww
用平实的笔,记录编程路上的点点滴滴………
posts - 536,comments - 394,trackbacks - 0

 

VML path 属性的理解

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

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

我们来看一个例子:

<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

       <HEAD>

              <STYLE>

v\:* { behavior: url(#default#VML);}

o\:* { behavior: url(#default#VML);}

</STYLE>

              <TITLE>VML Sample</TITLE>

       </HEAD>

       <BODY>

              <v:shape fillcolor="green"

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

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

                     title="vml demo - draw  by zhangyi "

                     strokeColor="yellow">

                    

                     <v:fill type="gradient" id="fill1" color="red" />                 

      

              </v:shape>

       </BODY>

</HTML>

结果如下图:

vml-draw.JPG

我们把 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
            引用请注明来源 http://www.blogjava.net/zhyiwww   
|----------------------------------------------------------------------------------------|
posted on 2006-11-01 17:11 zhyiwww 阅读(3647) 评论(1)  编辑  收藏 所属分类: vml

FeedBack:
# re: VML中path属性的理解
2008-07-15 12:54 | lingling
刚接触vml,一切懵懂中。觉得你很厉害  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: