使用SVG进行图形绘制的时候,有时候我们想给图形加超链接,让用户点击以后进行自动的跳转,这种该怎献垴淄睬么做呢?下面小编给大家分享一下。
工具/原料
SublimeText
方法/步骤
1、首先我们打开SublimeText软件,新建一个html页面,如下图所示
2、然后我们在html页面中用svg画一个矩形,如下图所示,矩形用rect标签即可
3、运行页面以后我们会看到如下图所示的矩形,接下来我们就需要给这个矩形添加超链接了
4、接着我们在矩形rect标签外部添加a标签,如蛴蛩钔淞下图所示,a标签里面可以添加href,title,target属性
5、然后我们将鼠标放上矩形以后,你会看到你所定义的title属性,点击以后它会进行跳转
6、最后我们把鼠标悬浮在图形上时,在页面底部其实显示了页面的url链接的,如下图所示
7、综上所述,运用SVG的时候,给图形添加超链接主要是通过a标签实现的,a标签中还有一些属性也需要注意