height
该属性表示用户坐标系中的垂直长度。这个坐标的确切效果取决于每个元素。大多数情况下，它表示参考元素的矩形区域的高度（请参阅每个单独元素的例外情况）。
除了在<svg>元素中默认值为100%，在<filter>和<mask>元素中默认值为120%外，该属性在其他元素中必须赋值 。
用法上下文
Categories | None |
|---|---|
Value | <length> |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition): foreignObject element SVG 1.1 (2nd Edition): image element SVG 1.1 (2nd Edition): pattern element SVG 1.1 (2nd Edition): rect element SVG 1.1 (2nd Edition): svg element SVG 1.1 (2nd Edition): use element SVG 1.1 (2nd Edition): Filter primitive SVG 1.1 (2nd Edition): mask element |
<length>
长度是一个距离度量，与一个单位一起作为一个数字给出。长度以下面两种方式之一指定。在样式表中使用时，<length>定义如下：
length ::= number (~"em" | ~"ex" | ~"px" | ~"in" | ~"cm" | ~"mm" | ~"pt" | ~"pc")?有关单元标识符的含义，请参阅CSS2规范。
对于在CSS2中定义的属性，必须提供长度单位标识符。对于SVG特定属性中的长度值及其对应的表示属性，长度单位标识符是可选的。如果未提供，则长度值表示当前用户坐标系中的距离。在所有属性的表示属性中，无论是在SVG1.1还是在CSS2中定义，长度标识符（如果指定）都必须是小写。
当在SVG属性中使用长度时，<length>的定义如下：
length ::= number ("em" | "ex" | "px" | "in" | "cm" | "mm" | "pt" | "pc" | "%")?这些<length>值中的单位标识符必须小写。
请注意，非属性的<length>定义还允许百分比单位标识符。百分比长度值的含义取决于已指定百分比长度值的属性。两个常见的情况是：
- 当百分比长度值代表视口宽度或高度的百分比
- 当百分比长度值表示给定对象上的边界框宽度或高度的百分比时。
在SVG DOM中，使用SVGLength或SVGAnimatedLength对象来表示<length>值。
实例
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100"/>
</svg>适用元素
以下元素可以使用该height属性
- Filter primitive elements ?
<filter>
<foreignObject>
<image>
<pattern>
<rect>
<svg>
<use>
<mask>
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
