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 ::= 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>

元素

以下元素可以使用该width属性

过滤原始元素»

<filter>

<foreignObject>

<image>

<pattern>

<rect>

<svg>

<use>

<mask>