id

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>
默认值	无
可动画	否

<id>

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

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

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

规范

规范
可缩放矢量图形 (SVG) 2 # Core.attrib

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

HTML id
class