width（宽度）
width
此属性表示用户坐标系中的水平长度。这个坐标的确切效果取决于每个元素。大多数情况下，它代表引用元素的矩形区域的宽度（请参阅每个单独元素的例外情况的文档）。
必须除指定该属性<svg>元件，其中默认值是100％ （除了根<svg>具有HTML父母元素）和<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中定义的属性，必须提供长度单位标识符。对于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>
元素
以下元素可以使用该width属性
- 过滤原始元素»
- <filter>
- <foreignObject>
- <image>
- <pattern>
- <rect>
- <svg>
- <use>
- <mask>
