id

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

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
classChrome Full support YesEdge Full support 12Firefox Full support YesIE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
Animation supportChrome ? Edge ? Firefox Full support 5IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android Full support 5Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

参考