Svg.Js A标签，链接操作

一、创建a标签，为a标签添加内容

<div id="svg1"></div>
<script>
    //SVG.A  链接创建
    var draw = SVG('svg1').size(300, 300);
    var link = draw.link('http://www.gongjuji.net/');
    var rect = link.rect(100, 100);
</script>

二、修改链接的地址

<div id="svg1"></div>
<script>
    //SVG.A  链接创建
    var draw = SVG('svg1').size(300, 300);
    var link = draw.link('http://www.gongjuji.net/');
    link.rect(50, 50).fill('red');
    link.to('http://apple.com'); //动态修改链接
</script>

三、指定target

<div id="svg1"></div>
<script>
    //SVG.A  链接创建
    var draw = SVG('svg1').size(300, 300);
    var link = draw.link('http://www.gongjuji.net/');
    link.rect(50, 50).fill('red');
    link.show('replace');
    link.target('_blank');
</script>

四、位置定元素添加a标签，likeTo()

<div id="svg1"></div>
<script>
    //SVG.A  链接创建,likeTo() 方法
    var draw = SVG('svg1').size(300, 300);
    var rect = draw.rect(100, 100).attr({
        stroke: 'red',
        'stroke-width': 3
    }).move(100, 100);

    //linkTo()为现有对象创建链接
    //rect.linkTo('http://www.gongjuji.net/');
    //linkTo() 创建链接获取link对象
    rect.linkTo(function (link) {
        link.to('http://www.gongjuji.net/').target('_blank')
    });
</script>

更多：

Svg.Js 简介(转)

SVG 相关整理

SVG Stroke属性