svg 鼠标形状 小手

在最近做项目的时候，需要将svg上的鼠标点击之类的形状换成小手。找了半天没找到，刚开始使用基本的css,style="cursor:pointer"，没有成功。后来使用网友 sclxf 的提议，成功实现该功能。

 

在希望发生效果的元素周围加上a xlink:href=""即可

如下所示：

<a xlink:href="">
<text id='xxx' x='250' y='250' fill='black' font-family='Verdana' font-size='10' onclick='hostTextonClick(evt)'>xxx </text>
</a>

这样的话，就出现小手了。