Group is simple to use, but powerful. It allows a series of VML objects to use a common coordinate system. It is very common. Basically, if the pages using more than one VML object are used, use a group. Another advantage of using Group is that it can dynamically change the CoordSize value to enlarge or reduce the VML in the entire Group.
I believe that if you understand the above code, you will definitely understand Group. A Rect of the same size as the Group is used as the border of the Group, and then added with shadow rendering. Use an interesting example of MSDN to take a look at the important usage of Group: (Change the value of the scroll bar, and the picture on the right will rotate accordingly.)
In this example, the image is completely drawn in VML. Dynamically changing the Rotation property of the Group can realize the rotation of the object in the entire Group.
<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>
I believe that if you understand the above code, you will definitely understand Group. A Rect of the same size as the Group is used as the border of the Group, and then added with shadow rendering. Use an interesting example of MSDN to take a look at the important usage of Group: (Change the value of the scroll bar, and the picture on the right will rotate accordingly.)
In this example, the image is completely drawn in VML. Dynamically changing the Rotation property of the Group can realize the rotation of the object in the entire Group.