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>
结果如下图：
我们把
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 阅读(3648)
评论(1) 编辑 收藏 所属分类:
vml