在最近做项目的时候,需要将svg上的鼠标点击之类的形状换成小手。找了半天没找到,刚开始使用基本的css,style="cursor:pointer"
,没有成功。后来使用网友 sclxf 的提议,成功实现该功能。
在希望发生效果的元素周围加上a xlink:href=""
即可
如下所示:
1 | <a xlink:href=""><text id='xxx' x='250' y='250' fill='black' font-family='Verdana' font-size='10' onclick='hostTextonClick(evt)'>xxx </text></a> |
这样的话,就出现小手了。