SVG中的a元素


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/23/SVG%E4%B8%AD%E7%9A%84a%E5%85%83%E7%B4%A0/

摘要

本文主要讲述了:

  1. 作用
  2. attribute

正文

作用

定义超链接

attribute

href

URL

示例:

1
2
3
4
5
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<a href="https://github.com">
<rect x="10" y="10" width="100" height="100"/>
</a>
</svg>

target

打开方式

示例:在新标签页打开

1
2
3
4
5
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<a href="https://github.com" target="_blank">
<rect x="10" y="10" width="100" height="100"/>
</a>
</svg>

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/23/SVG%E4%B8%AD%E7%9A%84a%E5%85%83%E7%B4%A0/


本文对你有帮助?请支持我


支付宝
微信