id
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 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> |
|---|---|
| 默认值 | 无 |
| 动画性 | 无 |
- <id>
-
指定元素的 ID。该 ID 在节点树中必须是唯一的，不能为空字符串，并且不能包含任何空格字符。
备注：你应该避免使用会被解析为 SVG 视图规范（例如
MyDrawing.svg#svgView(viewBox(0,200,1000,1000))）或基本媒体片段的id值，尤其是在用作 URL 目标片段时。它必须在 XML 文档中有效。独立的 SVG 文档使用 XML 1.0 语法，规定有效的 ID 只能包含指定的字符（字母、数字和一些标点符号），且不能以数字、句号（.）字符或连接号（-）开头。
规范
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # Core.attrib |
浏览器兼容性
Loading…