Group容器
更新時(shí)間：2006年12月24日 00:00:00 作者：
Group的使用很簡單，但功能很強(qiáng)大。它能讓一系列的VML對象使用共同的坐標(biāo)系，它很常用的，基本上如果使用了超過一個(gè)VML對象的頁面都使用Group。使用Group還有個(gè)好處，就是可以動態(tài)改變CoordSize值放大或縮小整個(gè) Group 里面的VML。
相信如果你看懂了上面的代碼，對 Group 一定理解了。上面使用了一個(gè)和Group一樣大小的 Rect 作為 Group的邊框，然后加上陰影渲染。用MSDN的一個(gè)很有意思的例子再看看 Group 的重要用法：(改變滾動條的值，右邊的圖片會相應(yīng)的旋轉(zhuǎn))
該例子中，那張圖片完全是用VML畫出來的，動態(tài)改變 Group 的 Rotation 屬性就可以實(shí)現(xiàn)整個(gè) Group 里面的對象旋轉(zhuǎn)。
<v:group ID="group1" style="position:relative;WIDTH:200px;HEIGHT:200px;" coordsize = "2000,2000">
<v:rect style="WIDTH:2000px;HEIGHT:2000px" fillcolor="#99cccc">
<v:shadow on="t" type="single" color="silver" offset="5pt,5pt">
</v:rect>
<v:oval style="position:relative;top:100;left:100;width:1000;height:1000;z-index:7;" fillcolor="red" strokeColor="red"/>
<v:rect style="position:relative;top:500;left:300;width:1000;height:1000;z-index:8;" fillcolor="blue" strokeColor="blue"/>
<v:line from="200,200" to="1000,1700" style="z-index:9" fillcolor="yellow" strokeColor="yellow" strokeWeight=2pt/>
</v:group>
相信如果你看懂了上面的代碼，對 Group 一定理解了。上面使用了一個(gè)和Group一樣大小的 Rect 作為 Group的邊框，然后加上陰影渲染。用MSDN的一個(gè)很有意思的例子再看看 Group 的重要用法：(改變滾動條的值，右邊的圖片會相應(yīng)的旋轉(zhuǎn))
該例子中，那張圖片完全是用VML畫出來的，動態(tài)改變 Group 的 Rotation 屬性就可以實(shí)現(xiàn)整個(gè) Group 里面的對象旋轉(zhuǎn)。
相關(guān)文章
vml簡介...2006-12-12
Group容器...2006-12-12
Shape對象與VML坐標(biāo)系...2006-12-12
數(shù)據(jù)圖表...2006-12-12
網(wǎng)站制作之網(wǎng)頁技巧...2007-02-02
建立WEB兩大經(jīng)典！《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布！
建立WEB兩大經(jīng)典！《VML極道教程》+FlashVml(閃耀之星)3.0中/英文版聯(lián)合發(fā)布！...2006-12-12
腳本動態(tài)生成VML...2006-12-12
VML網(wǎng)頁文件的基本格式...2006-12-12
Image(圖像)對象...2006-12-12
VML應(yīng)用實(shí)例大全...2006-12-12