我想实现一个功能，可以通过鼠标单击选择 svg-element(group) 并通过鼠标悬停调整元素大小（旋转）。有一些想法吗？请帮我。 简单地说，我想要一个简单的 svg 编辑功能。 我的 svg 是这样的：

<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g>
        <circle r="11.5" cx="12.5" cy="13" fill="#ffffff" stroke="#000000" fill-opacity="0.01"></circle>
        <path d="m4.57197,20.20202l0,-14.17171l15.78971,14.15238l0.06635,-14.15238l-15.85606,14.17171z" fill="#ffffff" stroke="#000000" fill-opacity="0.01"> </path>
    </g>
    <rect width="65" height="47" fill="#ffffff" stroke="#000000" stroke-width="2" fill-opacity="0.01" x="293" y="200"></rect>
</svg>