SVG 超链接 <a>

特性：

• 可以添加到任意的图形上

• xlink:href：指定连接地址

• xlink:title：指定连接提示

• target：指定打开目标

案例

<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
  <defs>
    <!-- 网格 -->
    <pattern id="grid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
      <path fill="none" stroke="#f1f1f1" d="M 0 0 H 20 V 20"/>
    </pattern>
  </defs>
  <!-- 绘制网格 -->
  <rect width="600" height="400" fill="url(#grid)"/>
  <!-- 超链接 -->
  <a xlink:href="https://www.baidu.com" xlink:title="跳转百度" target="_blank">
    <text x="50"  y="50">百度</text>
  </a>
  <a xlink:href="https://www.baidu.com" xlink:title="跳转百度" target="_blank">
    <rect x="50" y="100" width="100" height="100" fill="red"/>
    <text x="60"  y="150" fill="green">点击正方形</text>
  </a>
</svg>