svg 鼠标形状 小手

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

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

如下所示:

<a xlink:href="">

<textid='xxx'x='250'y='250'fill='black'font-family='Verdana'font-size='10'onclick='hostTextonClick(evt)'>xxx</text>

</a>

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

相关推荐