VML是The Vector Markup Language的缩写。
参考网站
MSDN：http://msdn.microsoft.com/workshop/author/vml/shape/introduction.asp
W3C：http://www.w3.org/TR/NOTE-VML
http://www.gaodaima.com/34145.html学习VML笔记_xml
首先需要在<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> |
欢迎大家阅读《学习VML笔记_xml》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
转载请注明原文链接：学习VML笔记_xml
