Shape 元素 (VML)
本主题介绍 VML,这是自 Windows Internet Explorer 9 起弃用的功能。 依赖于 VML 的网页和应用程序应迁移到 SVG 或其他广泛支持的标准。
注意
截至 2011 年 12 月,本主题已存档。 因此,不再主动维护它。 有关详细信息,请参阅 存档内容。 有关当前版本的 Windows Internet Explorer 的信息、建议和指南,请参阅 Internet Explorer 开发人员中心。
用于描述形状的顶级元素。
以下属性修改形状。
Attribute | 说明 |
---|---|
Adj | 指定用于定义公式值的调整值。 |
AllowInCell | 确定形状是否可以放置在表格中。 |
AllowOverlap | 确定形状是否可以与其他形状重叠。 |
Alt | 定义要显示的替代文本,而不是图形。 |
BorderBottomColor | 内联形状的下边框颜色。 |
BorderLeftColor | 内联形状的左边框颜色。 |
BorderRightColor | 内联形状的右边框颜色。 |
BorderTopColor | 内联形状的上边框颜色。 |
子弹 | 确定形状是否为图形项目符号。 |
Button | 确定是否将形状作为按钮进行处理。 |
BWMode | 确定形状如何呈现黑白输出设备。 |
BWNormal | 定义正常黑白输出设备的黑白模式。 |
BWPure | 定义纯黑白输出设备的黑白模式。 |
类 | 指 CSS 样式的定义。 |
ConnectorType | 指示用于连接形状的连接线的类型。 |
CoordOrig | 指定绑定形状的矩形的坐标单位原点。 |
CoordSize | 指定绑定形状的矩形的水平和垂直单位。 |
DoubleClickNotify | 双击形状时发送事件消息。 |
FillColor | 定义填充形状的封闭路径的画笔颜色。 |
已填充 | 确定是否将填充已关闭的路径。 |
Flip | 切换形状的方向。 |
ForceDash | 确定当形状没有线条或填充时,是否使用虚线轮廓来绘制形状。 |
Height | 指定形状的高度。 |
HR | 指定形状是水平规则。 |
HRAlign | 定义水平规则的对齐方式。 |
Href | 定义形状的 URL。 单击形状时,浏览器将加载 URL。 |
HRHeight | 定义水平规则的粗细。 |
HRNoShade | 确定是否使用三维着色显示水平规则。 |
HRPct | 将水平规则的长度定义为页面宽度的百分比。 |
HRStd | 确定形状是否为标准水平规则。 |
HRWidth | 定义水平规则的长度。 |
ID | 为元素提供唯一标识符。 |
Left | 确定形状相对于其左侧元素在文档流中的位置。 |
Margin-Bottom | 指定形状包含矩形相对于形状定位点的下边缘。 |
Margin-Left | 指定形状包含矩形相对于形状定位点的左边缘。 |
Margin-Right | 指定形状包含矩形相对于形状定位点的右边缘。 |
Margin-Top | 指定形状包含矩形相对于形状定位点的上边缘。 |
MSO-position-Horizontal | 指定 Microsoft Word 中对象的水平定位数据。 |
MSO-position-Horizontal-Relative | 指定 Microsoft Word 中对象的相对水平位置数据。 |
MSO-Position-Vertical | 指定 Microsoft Word 中对象的垂直位置数据。 |
MSO-Position-Vertical-Relative | 指定 Microsoft Word 中对象的相对垂直位置数据。 |
MSO-wrap-Distance-Bottom | 定义从形状底部到环绕形状的文本之间的距离。 |
MSO-wrap-Distance-Left | 定义从形状左侧到环绕形状的文本之间的距离。 |
MSO-wrap-Distance-Right | 定义从形状右侧到环绕形状的文本之间的距离。 |
MSO-wrap-Distance-Top | 定义从形状顶部到环绕形状的文本之间的距离。 |
MSO-Wrap-Edited | 确定环绕坐标是否由用户自定义。 |
MSO-Wrap-Mode | 定义文本的环绕模式。 |
OLEIcon | 确定是否将 OLE 对象显示为图标。 |
OnEd | 确定是否隐藏形状的额外句柄。 |
OnMouseOver | 触发形状的鼠标事件。 |
路径 | 指定构成形状边缘的线条。 |
位置 | 定义用于放置元素的定位类型。 |
PreferRelative | 确定是否在重新格式化后保存对象的原始大小。 |
打印 | 确定是否打印形状。 |
ReGroupID | 定义形状的上一组。 |
RelativePosition | 定义对象的相对位置。 |
旋转 | 定义形状旋转的角度。 |
RuleInitiator | 确定是否将使用规则引擎。 |
RuleProxy | 确定是否将使用规则引擎的代理。 |
Spt | 定义 Microsoft Office 在内部用于标识形状类型的数字。 |
StrokeColor | 定义绘制形状路径的画笔颜色。 |
抚摸 | 定义是否对路径进行笔划。 |
StrokeWeight | 定义绘制形状路径的画笔粗细。 |
TableLimits | 表中每行的最小高度值列表。 |
TableProperties | 确定表属性。 |
Target | 定义 URL 将显示在中的框架或窗口。 |
标题 | 定义鼠标指针在形状上移动时显示的文本。 |
顶部 | 定义形状相对于其上方元素在页面流中的位置。 |
类型 | 定义对 ShapeType 元素 ID 的引用。 |
UserDrawn | 确定用户是否已将形状添加到母版幻灯片。 |
UserHidden | 确定是否隐藏脚本定位点。 |
可见性 | 确定是否显示形状。 |
Width | 定义形状的宽度。 |
WrapCoords | 定义围绕形状的边界多边形。 |
Z 索引 | 确定重叠形状的显示顺序。 |
备注
此元素可以单独出现,也可能出现在 Group 元素中。
下面是生成形状所需的最低代码。 必须定义 FillColor、 Position、 Top、 Left、 Width、 Height 和 Path 属性,否则形状将不会呈现。
<v:shape
fillcolor="green"
style="position:relative;top:1;left:1;width:200;height:200"
path = "m 1,1 l 1,200, 200,200, 200,1 x e">
</v:shape>
此外,必须将以下代码放入网页的 HTML 元素中,以获取适用于 VML 和 Microsoft Office 扩展的正确架构。 如果未使用 Office 扩展,则可以省略第二个架构。
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
在 STYLE 元素中还必须具有以下内容才能注册 VML 和 Microsoft Office 扩展的行为。 如果不使用 Office 扩展,可以省略第二个行为定义。
v\:* { behavior: url(#default#VML); display:inline-block}
o\:* { behavior: url(#default#VML); }
有效的子元素
下面是 Shape 的子元素。
元素 | 说明 |
---|---|
标注 | 定义形状的标注。 |
挤压 | 定义形状的延伸。 |
Fill | 定义形状的填充。 |
公式 | 定义形状的公式。 |
句柄数 | 定义形状的句柄。 |
Imagedata | 定义形状的图像数据。 |
锁 | 定义形状的锁。 |
路径 | 定义形状的路径。 |
Shadow | 定义形状的阴影。 |
斜 | 定义形状的倾斜。 |
笔划 | 定义形状的笔划。 |
TextBox | 定义形状的文本框。 |
TextPath | 定义形状的文本路径。 |
其他元素
以下顶级元素适用于 Shape。
元素 | 说明 |
---|---|
组 | 定义一组形状。 |
ShapeType | 定义形状的模板。 |
VMLFrame | 定义外部形状的框架。 |
预定义的形状
预定义的形状与普通形状相同,只不过其中一些形状具有其他属性。 以下形状是预定义的。
元素 | 说明 |
---|---|
Rect | 定义形状的矩形。 |
RoundRect | 定义形状的圆形矩形。 |
线条 | 定义形状的线条。 |
折线 | 定义形状的折线。 |
椭圆 | 定义形状的椭圆。 |
图像 | 定义形状的图像。 |
曲线 | 定义形状的曲线。 |
Arc | 定义形状的弧线。 |
另请参阅
示例
以下代码包含一个示例 VML 网页:
<HTML xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
<STYLE>
v\:* { behavior: url(#default#VML);}
o\:* { behavior: url(#default#VML);}
</STYLE>
<TITLE>VML Sample</TITLE>
</HEAD>
<BODY>
<v:shape
fillcolor="green"
style="position:relative;top:1;left:1;width:200;height:200"
path = "m 1,1 l 1,200, 200,200, 200,1 x e">
</v:shape>
</BODY>
</HTML>