如何缩放SVG文本可点击区域?


> <text x="0" y="50" font-family="Verdana" font-size="35" fill="blue"
> opacity="0">&#8203;Hello <animate attributeName="opacity"
> begin="theSVG.click" dur="3s" values="0;1;0" repeatCount="1"
> fill="freeze"> </animate>  </text>

当我学习 SVG 文本时,我对如何缩放可单击的区域以激活动画感到困惑,因为我发现我只能单击"Hello"来激活动画,而其他区域是不可点击的。 我已经尝试过像填充顶部/底部,指针事件,唯一的方法是在文本中添加" "以扩大可点击区域,你们有更好的想法吗? 感谢您的帮助!

我有同样的要求,最后在所需文本元素之前和之后添加一个单独的透明文本元素。相同的单击事件被分配给这些透明元素。 这不会增加可点击区域的高度,但确实解决了文本只是单个字母"I"的特定问题,几乎没有可单击的区域

最新更新