主頁(yè) > 知識(shí)庫(kù) > vml簡(jiǎn)介

vml簡(jiǎn)介

熱門(mén)標(biāo)簽:網(wǎng)站文章發(fā)布 美圖手機(jī) 呼叫中心市場(chǎng)需求 服務(wù)器配置 檢查注冊(cè)表項(xiàng) 鐵路電話系統(tǒng) 銀行業(yè)務(wù) 智能手機(jī)

VML(Vector Markup Language)
是一個(gè)最初由Microsoft開(kāi)發(fā)的XML詞表,現(xiàn)在也只有IE5.0以上版本對(duì)VML提供支持。使用VML可以在IE中繪制矢量圖形,所以有人認(rèn)為VML就是在IE中實(shí)現(xiàn)了畫(huà)筆的功能。下面介紹一下VML的優(yōu)點(diǎn):
基于XML標(biāo)準(zhǔn)
XML是公認(rèn)擁有無(wú)窮生命力的下一代網(wǎng)絡(luò)標(biāo)記語(yǔ)言, VML具有先天的優(yōu)勢(shì),它的表示方法簡(jiǎn)單,易于擴(kuò)展等等。
支持高質(zhì)量的矢量圖形顯示
VML支持廣泛的矢量圖形特征,它們基于由相連接的直線和曲線描述路徑。在VML中使用兩個(gè)基本的元素:shape和group。這兩個(gè)元素定義了VML的全部結(jié)構(gòu);shape描述一個(gè)矢量圖形元素,而group用來(lái)將這些圖形結(jié)合起來(lái),這樣它們可以作為一個(gè)整體進(jìn)行處理。
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)單的文本來(lái)表示圖像,這樣就可用很少的字節(jié)來(lái)表示比較復(fù)雜的圖像。VML與HTML兼容,通過(guò)在HTML中聲明VML命名空間并聲明處理函數(shù),就可以和其他HTML元素一樣使用VML元素,在客戶端瀏覽器顯示圖像。VML標(biāo)記里面可以定義DHTML大部分屬性和事件,比如說(shuō)id, name, title, onmouseover 等等。
支持交互與動(dòng)畫(huà)
但VML的功能不只是繪圖,他還可以在圖形中嵌入文本,并可實(shí)現(xiàn)超鏈,還可通過(guò)腳本語(yǔ)言實(shí)現(xiàn)一定的動(dòng)畫(huà)功能。

 

 

 

 

VML是The Vector Markup Language的縮寫(xiě)。


參考網(wǎng)站
MSDN:http://msdn.microsoft.com/workshop/author/vml/shape/introduction.asp

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

首先需要在HTML> 標(biāo)簽中加上如下引用

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

如果沒(méi)有您沒(méi)有用到OFFICE的擴(kuò)展功能的話,您可以忽略第二個(gè)schema。
同時(shí),您需要在STYLE元素中注冊(cè)VML和Microsoft Office Extensions

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


如果沒(méi)有您沒(méi)有用到OFFICE的擴(kuò)展功能的話,您可以忽略第二個(gè)樣式的定義。

下面說(shuō)說(shuō)常用的幾個(gè)元素

1.Shape元素
用法:v:shape ...>/v:shape>

它的常用屬性:
FillColor:圖象填充色。
標(biāo)簽語(yǔ)法:
v:element fillcolor="expression">
腳本語(yǔ)法:
element.fillcolor="expression"
expression=element.fillcolor

Path:指定繪畫(huà)的路徑
腳本用法:
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>
說(shuō)明:用字母m(moveto命令)定義圖象初始點(diǎn)的坐標(biāo),例子中為(1,1)
用字母l(小寫(xiě)的L字母,lineto命令)開(kāi)始畫(huà)線,先畫(huà)到(1,200),再畫(huà)到(200,200),再畫(huà)到(200,1)
用字母x(close命令)關(guān)閉線條
用字母e(end命令)結(jié)束
注意:每?jī)蓚€(gè)數(shù)字組成一個(gè)坐標(biāo)

Title:鼠標(biāo)移動(dòng)到圖象上時(shí)的提示文字
Style:圖象的樣式
Filled:決定閉合路徑中是否需要填充(True/False)
StrokeColor:圖象路徑的顏色

2.Shape元素有效的子元素

TextBox:在圖象中定義一個(gè)文本框
用法:
v:shape>
v:textbox>VML/v:textbox>
/v:shape>
TextPath:設(shè)置文字路徑,要使用該屬性,path屬性的TextPathOK一定要為true;并且TextPath的on屬性要為true

詳細(xì)說(shuō)明文擋請(qǐng)上參考網(wǎng)站查閱?。?!

簡(jiǎn)單的例子:

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>

 

 

標(biāo)簽:上海 河南 滄州 紅河 沈陽(yáng) 長(zhǎng)治 新疆 樂(lè)山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《vml簡(jiǎn)介》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266