WIKI使用導(dǎo)航
站長(zhǎng)百科導(dǎo)航
站長(zhǎng)專題
- 網(wǎng)站推廣
- 網(wǎng)站程序
- 網(wǎng)站賺錢
- 虛擬主機(jī)
- cPanel
- 網(wǎng)址導(dǎo)航專題
- 云計(jì)算
- 微博營(yíng)銷
- 虛擬主機(jī)管理系統(tǒng)
- 開放平臺(tái)
- WIKI程序與應(yīng)用
- 美國十大主機(jī)
VML
VML是The Vector Markup Language(矢量可標(biāo)記語言)的縮寫。VML用于將圖形數(shù)據(jù)矢量化的標(biāo)記語言。這是一種基于 XML 語法的語言,由 AutoDesk 、 Macromedia 和 Microsoft 和 HP 公司向 W3C 提出的方案。
簡(jiǎn)介[ ]
VML相當(dāng)于IE里面的畫筆,能實(shí)現(xiàn)你所想要的圖形,而且結(jié)合腳本,可以讓圖形產(chǎn)生動(dòng)態(tài)的效果。VML是微軟1999年9月附帶IE5.0發(fā)布的。
最初由Microsoft開發(fā)的XML詞表,現(xiàn)在也只有IE5.0以上版本對(duì)VML提供支持。
使用VML可以在IE中繪制矢量圖形,所以有人認(rèn)為VML就是在IE中實(shí)現(xiàn)了畫筆的功能。
VML的優(yōu)點(diǎn)[ ]
- 基于XML標(biāo)準(zhǔn):XML是公認(rèn)擁有無窮生命力的下一代網(wǎng)絡(luò)標(biāo)記語言, VML具有先天的優(yōu)勢(shì),它的表示方法簡(jiǎn)單,易于擴(kuò)展等等。
- 支持高質(zhì)量的矢量圖形顯示:矢量的圖形,意味著圖形可以任意放大縮小而不損失圖形的質(zhì)量,這在制作地圖上有很大用途。
- VML支持廣泛的矢量圖形特征,它們基于由相連接的直線和曲線描述路徑。在VML中使用兩個(gè)基本的元素:shape和group。這兩個(gè)元素定義了VML的全部結(jié)構(gòu);shape描述一個(gè)矢量圖形元素,而group用來將這些圖形結(jié)合起來,這樣它們可以作為一個(gè)整體進(jìn)行處理。
預(yù)定義圖形元素[ ]
VML規(guī)范包括大量的支持多種不同矢量圖形特征的元素。下面是VML的預(yù)定義圖形元素:
- l Shape
- l Path
- l Line
- l Polyline
- l Curve
- l Rect
- l Roundrect
- l Oval
- l Arc
- l Group
由文本構(gòu)成的圖像,并可集成到HTML
由于VML使用簡(jiǎn)單的文本來表示圖像,這樣就可用很少的字節(jié)來表示比較復(fù)雜的圖像。VML與HTML兼容,通過在HTML中聲明VML命名空間并聲明處理函數(shù),就可以和其他HTML元素一樣使用VML元素,在客戶端瀏覽器顯示圖像。VML標(biāo)記里面可以定義DHTML大部分屬性和事件,比如說id, name, title, onmouseover 等等。
支持交互與動(dòng)畫[ ]
VML的功能不只是繪圖,他還可以在圖形中嵌入文本,并可實(shí)現(xiàn)超鏈,還可通過腳本語言實(shí)現(xiàn)一定的動(dòng)畫功能。
VML 在firefox下是不被支持的,所以在用VML的時(shí)候要注意選用的瀏覽器!!
只能在IE瀏覽器或以IE為內(nèi)核的瀏覽器才能用VML。
范例[ ]
下列的程式碼會(huì)顯示出一個(gè)涂滿紅色的橢圓形:
<v:oval style="position:absolute; left:0; top:0; width:100pt; height:50pt" fillcolor="red"> </v:oval>
腳本動(dòng)態(tài)生成VML[ ]
我們編寫 VML 很重要的就是要和數(shù)據(jù)庫結(jié)合,如果和數(shù)據(jù)庫結(jié)合了,讀數(shù)據(jù)和把數(shù)據(jù)轉(zhuǎn)換成 VML 變成了兩部分。如果直接使用 ASP 生成 包含很多 VML 的頁面, 一旦數(shù)據(jù)量多了,整個(gè)頁面就變得很龐大,下載速度慢了,IE解釋代碼的速度也慢了,所以用腳本動(dòng)態(tài)生成 VML 變得非常重要了。
用 VML 畫一個(gè)示意圖,可以更明確上面的意義:
<html> <head> <title>Untitled</title> </head> <script language="JavaScript"> function createPoint(x,y,value) { ... } </script> <body> </body> </html>
主頁面帶有腳本,可以實(shí)現(xiàn)諸如增加 VML 元素的功能。子頁面是個(gè)ASP程序,從數(shù)據(jù)庫中讀取數(shù)據(jù),生成相應(yīng)的腳本,比如:
<script> self.parent.createPoint(10,10,"第一點(diǎn)"); self.parent.createPoint(1055,1330,"第二點(diǎn)"); self.parent.createPoint(2330,1230,"第三點(diǎn)"); </script>
這樣,讀數(shù)據(jù)和初始法腳本就同時(shí)進(jìn)行了。