Shape是VML最基本的對(duì)象，利用它可以畫(huà)出所有你想要的圖形。在VML中，使用的坐標(biāo)并不是Document的坐標(biāo)，它有自己的坐標(biāo)系，這樣一來(lái)，動(dòng)態(tài)改變它的坐標(biāo)，就可以實(shí)現(xiàn)放大、縮小、旋轉(zhuǎn)等功能了。shape的 CoordSize 屬性就是用來(lái)定義坐標(biāo)的，它有兩個(gè)參數(shù)，<v:shape CoordSize="2800,2800" />， 這里的2800,2800 是橫縱坐標(biāo)被分成了2800個(gè)點(diǎn)，并不是HTML里面默認(rèn)像素。如果沒(méi)有設(shè)置圓點(diǎn)，VML默認(rèn)是 0,0 （左上角），當(dāng)然你也可以使用 CoordOrig 屬性設(shè)置VML的圓點(diǎn)坐標(biāo)。

<v:shape CoordOrig="-1400,-1400" CoordSize="2800,2800" style="width:500;height:500" />

    注意:定義的坐標(biāo)只是相對(duì)的，真正顯示的圖形大小還需要 style="width:500;height:500" 來(lái)定義！

    上面的定義后，你可用的坐標(biāo)是 x(-1400到1400) y(-1400到1400) ，這樣的坐標(biāo)就像數(shù)學(xué)里面的坐標(biāo)了，把畫(huà)版分成了四個(gè)塊。



    在解決實(shí)際問(wèn)題的時(shí)候，我發(fā)現(xiàn)，IE會(huì)自動(dòng)把可見(jiàn)的VML圖象放在相對(duì)的(0,0)位置，意思是說(shuō)，上面兩張圖如果沒(méi)有增加兩個(gè)輔助的坐標(biāo)，在IE上顯示出來(lái)是并列的兩個(gè)正方形。
    shape中最主要的屬性是Path，它是個(gè)功能強(qiáng)大的畫(huà)筆，語(yǔ)法很簡(jiǎn)單，由幾個(gè)字母組成，下面詳細(xì)講述：
m x,y:MoveTo把畫(huà)筆移動(dòng)到 (x,y)；
l x,y:LineTo從當(dāng)前點(diǎn)到(x,y)畫(huà)一條線；可以給連續(xù)的幾個(gè)點(diǎn)，VML會(huì)連續(xù)畫(huà)出來(lái)直到遇到 x 命令。
x:Close結(jié)束一條線；
e:End結(jié)束畫(huà)圖
    shape的其他常用屬性:
FillColor:填充顏色，使用HTML中規(guī)定的顏色；例如:fillcolor=red
Filled:是否要填充圖形，如果圖形不是封閉的，也會(huì)自動(dòng)封閉圖形進(jìn)行填充。當(dāng)Filled="true"(默認(rèn)),fillcolor才有效果；
StrokeColor:線的顏色；
StrokeWeight:線的寬度；
Title:當(dāng)鼠標(biāo)移動(dòng)到該圖形上的時(shí)候，顯示的文字，和HTML里面的alt、tilte一樣；
Type:指定該圖形屬于那個(gè)ShapeType，ShapeType可以為VML制定模版，將在以后加以描述；
    前面的這些屬性，F(xiàn)illColor、Filled可以在<v:Fill />中使用，StrokeColor、StrokeWeight可以在<v:Stroke />中使用。也可以在 Shape 或者 繼承Shape的對(duì)象中使用它。
    在下面幾節(jié)，將詳細(xì)介紹 Shape 延伸出來(lái)的一些具體對(duì)象，諸如 Rect、RoundRect、Oval、Line等對(duì)象。

最新評(píng)論