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