DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> 學習VML筆記
學習VML筆記
編輯:XML詳解     

VML是The Vector Markup Language的縮寫。


參考網站
MSDN:http://msdn.microsoft.com/workshop/author/vml/shape/introduction.ASP

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

首先需要在<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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved