SVG 链接
SVG 链接 - <a>
<a> 元素用于创建链接。
<a> 元素可与文本和图形一起使用。
<a> 元素有七个基本属性
| 属性 | 描述 |
|---|---|
| href | 要跳转到的 URL |
| download | 告诉浏览器下载 URL 而不是跳转到它 |
| hreflang | 链接指向的页面的语言 |
| referrerpolicy | 获取 URL 时要发送的来源 |
| rel | 目标对象与链接对象的关系 |
| target | 链接打开的位置。可以是 _self、_parent、_top、_blank 或名称 |
| type | 链接 URL 的 MIME 类型 |
文本作为超链接
文本作为链接（使用 <a> 元素）
以下是 SVG 代码
例子
<svg height="30" width="200" xmlns="http://www.w3.org/2000/svg">
<a href="https://w3schools.org.cn/graphics/" target="_blank">
<text x="5" y="15" fill="red">我爱 SVG!</text>
</a>
</svg>
自己尝试 »
代码解释
href属性定义了要跳转到的 URLtarget属性定义了链接打开的位置（这里链接将在新窗口/标签页中打开）
图形作为超链接
一个圆形作为链接（使用 <a> 元素）
以下是 SVG 代码
例子
<svg height="100" width="200" xmlns="http://www.w3.org/2000/svg">
<a href="https://w3schools.org.cn/graphics/" target="_blank">
<circle r="45" cx="50" cy="50" fill="red" />
</a>
</svg>
自己尝试 »
