生活随笔
收集整理的這篇文章主要介紹了
VML实例-对话框
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
VML對話框
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<head><style> v\:* {behavior:url(#default#VML);} body{font-size:9pt;}h1{font-size:10pt;font-weight:bold;margin:5px}ul{margin-left:15px;}</style>
</head>
<body>
<v:group id="box2" style='left:0;top:0;width:400px;height:200px'>
<v:oval style="width:100%;height:100%;padding:75px;" fillcolor="#DDDDDD" strokecolor="#DDDDDD">
VML(The Vector Markup Language),矢量可標記語言，是由Microsoft開發的XML詞表，而且只有IE5.0以上版本對VML提供支持。
使用VML可以在IE中繪制矢量圖形，所以有人認為VML就是在IE中實現了畫筆的功能。
<v:shadow on="t" color="#333333" opacity="0.75" offset="2pt,2pt"/>
<v:fill type="gradient" opacity="1" color2="#FFF"/>
</v:oval>
<v:shape style="WIDTH:100;HEIGHT:100;top:100%;left:50%" coordsize="100,100" fillcolor="#DDDDDD" strokecolor="#DDDDDD" path="m0,0 l200,150,100,-20 e">
<v:shadow on="t" color="black" opacity="0.5" offset="1.5pt,1.5pt"/>
</v:shape>
</v:group>
</br>
<v:group id="box1" style='width:400px;height:550px'>
<v:roundrect style="width:100%;height:100%;padding:20px;" fillcolor="#DDDDDD" strokecolor="#DDDDDD">
下面介紹一下VML的優點：
<ul>
<li><h1>1.基于XML標準
</h1>
XML是公認擁有無窮生命力的下一代網絡標記語言，所以VML具有先天的優勢，它的表示方法簡單，易于擴展等等。
</li>
<li><h1>2.支持高質量的矢量圖形顯示
</h1>
矢量的圖形，意味著圖形可以任意放大縮小而不損失圖形的質量，這在制作地圖上有很大用途。
</br>
VML支持廣泛的矢量圖形特征，它們基于由相連接的直線和曲線描述路徑。在VML中使用兩個基本的元素：shape和group。這兩個元素定義了VML的全部結構：shape描述一個矢量圖形元素，而group用來將這些圖形結合起來，這樣它們可以作為一個整體進行處理。
</br>
VML規范包括大量的支持多種不同矢量圖形特征的元素。下面是VML的預定義圖形元素：
</br>
Shape
</br>
Path
</br>
Line
</br>
Polyline
</br>
Curve
</br>
Rect
</br>
Roundrect
</br>
Oval
</br>
Arc
</br>
Group
</li>
<li><h1>3.由文本構成的圖像，并可集成到HTML
</h1>
由于VML使用簡單的文本來表示圖像，這樣就可用很少的字節來表示比較復雜的圖像。VML與HTML兼容，通過在HTML中聲明VML命名空間并聲明處理函數，就可以和其他HTML元素一樣使用VML元素，在客戶端瀏覽器顯示圖像。VML標記里面可以定義DHTML大部分屬性和事件，比如說id, name, title, onmouseover 等等。
</li>
<li><h1>4.支持交互與動畫
</h1>
但VML的功能不只是繪圖，他還可以在圖形中嵌入文本，并可實現超鏈，還可通過腳本語言實現一定的動畫功能。
</li>
</ul>
<v:fill type="gradient" opacity="1" color2="#FFF"/>
<v:shadow on="t" color="#333333" opacity="0.75" offset="2pt,2pt"/>
</v:roundrect>
<v:shape style="WIDTH:100;HEIGHT:100;top:100%;left:25%" coordsize="100,100" fillcolor="#DDDDDD" strokecolor="#DDDDDD" path="m0,0 l200,150,100,0 e">
<v:shadow on="t" color="black" opacity="0.5" offset="1.5pt,1.5pt"/>
</v:shape>
</v:group>
</body>
</HTML>
總結
以上是生活随笔為你收集整理的VML实例-对话框的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
