通过

组合形状

本主题介绍 VML，这是自 Windows Internet Explorer 9 起弃用的功能。 依赖于 VML 的网页和应用程序应迁移到 SVG 或其他广泛支持的标准。

注意

截至 2011 年 12 月，本主题已存档。 因此，不再主动维护它。 有关详细信息，请参阅 存档内容。 有关当前版本的 Windows Internet Explorer 的信息、建议和指南，请参阅 Internet Explorer 开发人员中心。

 

如你所了解的那样，可以使用 VML 轻松绘制各个形状。 在本部分中，我们将介绍将形状组合在一起的好处，以及如何对形状进行分组。

如果有许多形状需要一起缩放、移动或旋转，则为每个形状单独设置属性会很繁琐。 此外，你会提高错误的余地。 最好是可以组合形状，然后设置整个组的属性。

在 VML 中，可以使用 <group> 元素将多个形状组合在一起，以便可以将其转换为一个单元。 例如，如以下 VML 表示形式所示，可以轻松地将两个形状组合在一起。

<v:group id="GroupA" style='position:relative;left:10pt;top:20pt;
width:150pt;height:100pt; ...>
   <v:shape id="Shape1"...></v:shape>
   <v:shape id="Shape2"...></v:shape>
</v:group>

组合形状时，它们使用组的 本地坐标空间 。 因此，可以一起缩放和移动组中的形状。 你将在“使用本地坐标空间”主题中看到更多示例。

在组内，可以根据需要拥有任意数量的形状或组。 当一个组位于另一个组中时，它称为“嵌套组”。 嵌套级别没有限制。

例如，以下行演示了一个 3 级嵌套组。 Shape3 和 Shape4 位于 GroupC 中。 Shape2 和 GroupC 位于 GroupB 中。 Shape1 和 GroupB 位于 GroupA 中。

<body>
   <v:group id="GroupA"...>
      <v:shape id="Shape1"...></v:shape>
      <v:group id="GroupB"...>
         <v:shape id="Shape2"...></v:shape>
         <v:group id="GroupC"...>
            <v:shape id="Shape3"...></v:shape>
            <v:shape id="Shape4"...></v:shape>
         </v:group>
      </v:group>
   </v:group>
</body>

有关此元素的详细信息，请参阅 VML 规范 。

返回到顶部 返回到顶部

总结

可以使用 <group> 元素将多个形状组合在一起，以便它们可以转换为一个单位。

 

 

  • Last updated on