SVG AnimateTransform开始鼠标悬停不起作用

Question

因此，如果我有以下代码没有 begin =“mouseover”，它就可以正常运行（虚线圆圈旋转）：

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<circle fill="none" stroke="#00AEEF" stroke-miterlimit="10" stroke-dasharray="12" cx="50" cy="50" r="48.02">
    <animateTransform attributeName="transform" 
    attributeType="XML" 
    type="rotate" 
    from="0 50 50" 
    to="360 50 50" 
    dur="10s" 
    repeatCount="indefinite"  />
</circle>
</svg>

如果我添加begin =“mouseover”，它就不起作用。我搜索过，找不到答案。

感谢。