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 阅读(3647)
评论(1) 编辑 收藏 所属分类:
vml