?? step1.html
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Thinking in VML</title>
</head>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css" />
<body>
<table align="center">
<tr>
<td align="center" class="title"><strong>VML的基本概念</strong></td>
</tr>
<tr>
<td >
<div class="memo" style="width:700;line-height:23px">
VML相當于IE里面的畫筆，能實現你所想要的圖形，而且結合腳本，可以讓圖形產生動態的效果。VML是微軟1999年9月附帶IE5.0發布的，在我認為，
VML其實是Word和HTML結合的產物。可以將Word文檔另存為HTML，其中的文本和圖片可以很容易的轉換，但如果是手繪制的圖形在以往的IE里面就無法解釋了，如果都轉換成圖形文件又不太現實。
于是微軟把Word里面的圖形控件結合到IE里面，使IE也具備了繪圖功能。<br>
VML的全稱是Vector Markup Language(矢量可標記語言)，矢量的圖形，意味著圖形可以任意放大縮小而不損失圖形的質量，這在制作地圖上有很大用途。為了顯示它的強大，和增加你學習VML的信心，先給你看看一個VML例子:<br><br>
<center>
<v:roundrect strokecolor="black" fillcolor="white" style="position:relative;left:20;top:5;width:100px;height:40px;z-index:9">
<v:shadow on="t" type="single" color="silver" offset="3pt,3pt"></v:shadow>
<v:textbox id="memo" style="font-size:10pt;color:blue;line-height:18px" inset="1,1,1,1">Hello world!<br>Hello VML!</v:textbox>
</v:roundrect>
<v:oval strokecolor="black" fillcolor="white" style="position:relative;left:9;top:20;width:14px;height:10px;z-index:8">
<v:shadow on="t" type="single" color="silver" offset="3pt,3pt"></v:shadow>
</v:oval>
<v:oval strokecolor="black" fillcolor="white" style="position:relative;left:0;top:35;width:10px;height:8px;Z-index:7">
<v:shadow on="t" type="single" color="silver" offset="3pt,3pt"></v:shadow>
</v:oval>
<!--/v:group-->
</center>
<br><br>
在VML里面，標記使用的是XML擴張，需要一個namespace(命名空間)，你可以使用慣用的“v”作為命名空間，使用IE5.0到IE6.0通用的定義如下:<br><BR>
<html <font color=red>xmlns:v="urn:schemas-microsoft-com:vml"</font>><br>
<STYLE><br>
<font color=red>v\:* { Behavior: url(#default#VML) }</font><br>
</STYLE><br>
<br>
xmlns 全稱就是XML NameSpace 也就是命名空間。Behavior(行為)也是IE5.0新推出的東西，它的功能非常強大，結合樣式表，可以給任何HTML對象增加行為（新的屬性、方法、事件），而在這里，它的用處是
把命名空間“v”和系統預定義的行為VML連接。這樣定義以后，你就可以使用下面的標記了，和普通的HTML標記有所區別，每個標記都增加了一個命名空間:<br><br>
<v:shape></v:shape><br><br>
和其他HTML元素一樣，VML標記里面可以定義DHTML大部分屬性和事件，比如說id,name,title,onmouseover等等。在寫法上VML比較靈活，很多屬性既可以寫在標記里面，又可以獨立出一個新的標記來表示:<br><br>
<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)" <FONT color=red>StrokeColor=red Path="m 0,0 l 10,10 x e"</FONT>></v:shape><br>
等同于下面的寫法:<br>
<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)"><br>
<FONT color=red><v:Stroke StrokeColor=red/><br>
<v:Path v="m 0,0 l 10,10 x e"/><br></font>
</v:shape><br><br>
當然不是所有的屬性都可以寫成獨立的標記，常用的比如說上面的 Stroke(按我的理解可以翻譯成線性)，Path，Shadow，Fill(填充)等，VML這樣的方式可以理解為 shape 的屬性分類，使屬性更直觀。<br>
Shape 對象派生出來的一些對象，更加直接的圖象，比如說 Rect(矩形)，RoundRect(圓邊的矩形)，Oval(圓)，Line(線)，PolyLine(不規則折線)，Image(圖形文件)等等，以后將對這些對象細細描述。<br>
</div>
</td>
</tr>
<tr>
<td class="title">
<p align="right"><a href="javascript:self.scrollTo(0,0)">Top</a></p>
<a href="index.html">返回目錄</a><br>
上一節:<a href="index.html">目錄</a><br>
下一節:<a href="step2.html">Shape對象與VML坐標系</a>
</td>
</tr>
</table>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -