id - SVG 编辑

id 属性给予元素一个唯一名称。

所有元素均可使用该属性。

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

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

用法说明

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

<id>

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

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

该属性取值必须在XML文档中有效。 独立的SVG文档使用XML 1.0语法，该语法指定有效的ID仅包含指定的字符（字母，数字和一些标点符号），开头不能是数字，点（.）字符或 连字符减号（-）。

规范

规范	状态	备注
Scalable Vector Graphics (SVG) 2 id	Candidate Recommendation	Defines the allowed values in more detail.
Scalable Vector Graphics (SVG) 1.1 (Second Edition) id	Recommendation	Initial definition

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

参考

• HTML id
• class