svg怎么让文本元素绕自己旋转

Question

因为svg中transform:rotate属性的原点是相对坐标系的，那么文本元素绕自己旋转该怎么做？

<svg width="600" height="600">
    <text x="60" y="60" font-size="25">测试</text>
</svg>

Answer 1

改下旋转的中心

transform-origin: 50% 50%;