学习VML笔记

王朝other·作者佚名  2006-11-24
宽屏版  字体: |||超大  

VML是The Vector Markup Language的缩写。

参考网站

MSDN:http://msdn.microsoft.com/workshop/author/vml/shape/introduction.asp

W3C:http://www.w3.org/TR/NOTE-VML

首先需要在<HTML> 标签中加上如下引用

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

...

</HTML>

如果没有您没有用到OFFICE的扩展功能的话,您可以忽略第二个schema。

同时,您需要在STYLE元素中注册VML和Microsoft Office Extensions

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

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

如果没有您没有用到OFFICE的扩展功能的话,您可以忽略第二个样式的定义。

下面说说常用的几个元素

1.Shape元素

用法:<v:shape ...></v:shape>

它的常用属性:

FillColor:图象填充色。

标签语法:

<v:element fillcolor="expression">

脚本语法:

element.fillcolor="expression"

expression=element.fillcolor

Path:指定绘画的路径

脚本用法:

<v:shape id="rect01"

fillcolor="red" strokecolor="red"

coordorigin="0 0" coordsize="200 200"

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

path="m 1,1 l 1,200, 200,200, 200,1 x e">

</v:shape>

说明:用字母m(moveto命令)定义图象初始点的坐标,例子中为(1,1)

用字母l(小写的L字母,lineto命令)开始画线,先画到(1,200),再画到(200,200),再画到(200,1)

用字母x(close命令)关闭线条

用字母e(end命令)结束

注意:每两个数字组成一个坐标

Title:鼠标移动到图象上时的提示文字

Style:图象的样式

Filled:决定闭合路径中是否需要填充(True/False)

StrokeColor:图象路径的颜色

2.Shape元素有效的子元素

TextBox:在图象中定义一个文本框

用法:

<v:shape>

<v:textbox>VML</v:textbox>

</v:shape>

TextPath:设置文字路径,要使用该属性,path属性的TextPathOK一定要为true;并且TextPath的on属性要为true

详细说明文挡请上参考网站查阅!!!

简单的例子:

<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="test"

strokeColor="yellow">

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

<v:textbox>VML</v:textbox>

</v:shape>

</BODY>

</HTML>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有