id

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

id 属性为元素分配一个唯一的名称。

您可以将此属性与任何 SVG 元素一起使用。

示例

html
<svg
  width="120"
  height="120"
  viewBox="0 0 120 120"
  xmlns="http://www.w3.org/2000/svg">
  <style>
    <![CDATA[
      #smallRect {
        stroke: #000066;
        fill: #00cc00;
      }
    ]]>
  </style>

  <rect id="smallRect" x="10" y="10" width="100" height="100" />
</svg>

用法说明

<id>
默认值 None
可动画的
<id>

指定元素的 ID。ID 在节点树中必须是唯一的,不能是空字符串,并且不能包含任何空白字符。

注意: 当用作 URL 目标片段时,您应该避免使用会被解析为 SVG 视图规范(例如 MyDrawing.svg#svgView(viewBox(0,200,1000,1000)))或基本媒体片段的 id 值。

它必须在 XML 文档中是有效的。独立 SVG 文档使用 XML 1.0 语法,该语法规定有效 ID 仅包含指定的字符(字母、数字和少数标点符号),并且不能以数字、句点(.)字符或连字符(-)字符开头。

规范

规范
Scalable Vector Graphics (SVG) 2
# Core.attrib

浏览器兼容性

另见