缩放形状

本主题介绍 VML,这是从 Windows Internet Explorer 9 开始弃用的功能。 依赖 VML 的网页和应用程序应迁移到 SVG 或其他广受支持的标准。

注意

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

 

你已了解如何使用 VML 在网页上绘制形状和着色形状。 在本主题中,我们将说明如何将形状缩放为所需的任何大小。

VML 使用 CSS2 规范“视觉呈现模型详细信息”部分中定义的相同语法来指定包含框的大小,以便在包含框中绘制形状的内容 (绘制) 。 可以使用 宽度高度 样式属性来定义包含框的大小。

例如,如果绘制椭圆并指定 style='width:75pt;height:100pt',则椭圆将在包含框中绘制,大小为 75 磅 (宽度) 100 磅 (高度) ,如下图所示:

oval1.gif (660 bytes)

<v:oval style='width:75pt;height:100pt'
fillcolor="red" />

如果将大小更改为 style='width:120pt;height:140pt',则椭圆变大,因为它在大小为 120 磅的新包含框中缩放, (宽度) 140 磅 (高度) ,如下图所示:

oval2.gif (966 bytes)

<v:oval style='width:120pt;height:140pt'
fillcolor="red" />

如果将大小更改为 style='width:60pt;height:40pt',则椭圆变小,因为它在大小为 60 磅的新包含框中缩放, (宽度) 40 磅 (高度) ,如下图所示:

oval3.gif (394 bytes)

<v:oval style='width:60pt;height:40pt'
fillcolor="red" />