svg cursor appearance 指针形状

如何在鼠标移动到特定的svg元素上时，将指针形状改为手状呢？

 

在希望发生效果的元素周围加上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>

 

但是在firefox中显示会出现错误，提示XML Parsing Error: prefix not bound to a namespace，解决办法是：

在svg文件开头补全xmlns，可以写上如下两个：<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">，就ok了。

至于IE就没这个问题。

 

但是加了a xlink:href=“”之后，

原有的onclick事件响应函数在firefox中不起作用了，在IE中还是没问题。