Shape對象與VML坐標系
2020-10-23 18:46:40
供稿：網友
Shape是VML最基本的對象，利用它可以畫出所有你想要的圖形。在VML中，使用的坐標并不是Document的坐標，它有自己的坐標系，這樣一來，動態改變它的坐標，就可以實現放大、縮小、旋轉等功能了。shape的 CoordSize 屬性就是用來定義坐標的，它有兩個參數，<v:shape CoordSize="2800,2800" />， 這里的2800,2800 是橫縱坐標被分成了2800個點，并不是HTML里面默認像素。如果沒有設置圓點，VML默認是 0,0 （左上角），當然你也可以使用 CoordOrig 屬性設置VML的圓點坐標。
<v:shape CoordOrig="-1400,-1400" CoordSize="2800,2800" style="width:500;height:500" />
注意:定義的坐標只是相對的，真正顯示的圖形大小還需要 style="width:500;height:500" 來定義！
上面的定義后，你可用的坐標是 x(-1400到1400) y(-1400到1400) ，這樣的坐標就像數學里面的坐標了，把畫版分成了四個塊。
在解決實際問題的時候，我發現，IE會自動把可見的VML圖象放在相對的(0,0)位置，意思是說，上面兩張圖如果沒有增加兩個輔助的坐標，在IE上顯示出來是并列的兩個正方形。
shape中最主要的屬性是Path，它是個功能強大的畫筆，語法很簡單，由幾個字母組成，下面詳細講述：
m x,y:MoveTo把畫筆移動到 (x,y)；
l x,y:LineTo從當前點到(x,y)畫一條線；可以給連續的幾個點，VML會連續畫出來直到遇到 x 命令。
x:Close結束一條線；
e:End結束畫圖
shape的其他常用屬性:
FillColor:填充顏色，使用HTML中規定的顏色；例如:fillcolor=red
Filled:是否要填充圖形，如果圖形不是封閉的，也會自動封閉圖形進行填充。當Filled="true"(默認),fillcolor才有效果；
StrokeColor:線的顏色；
StrokeWeight:線的寬度；
Title:當鼠標移動到該圖形上的時候，顯示的文字，和HTML里面的alt、tilte一樣；
Type:指定該圖形屬于那個ShapeType，ShapeType可以為VML制定模版，將在以后加以描述；
前面的這些屬性，FillColor、Filled可以在<v:Fill />中使用，StrokeColor、StrokeWeight可以在<v:Stroke />中使用。也可以在 Shape 或者 繼承Shape的對象中使用它。
在下面幾節，將詳細介紹 Shape 延伸出來的一些具體對象，諸如 Rect、RoundRect、Oval、Line等對象。
