SVG矩形可正常平移（translate）但无法旋转（rotate）的问题排查求助

大家好，我最近碰到个SVG相关的小难题，想请各位帮忙看看：我的SVG矩形能正常进行平移（translate）操作，但就是没法实现旋转（rotate）效果，我翻来覆去检查了代码，愣是没找出拼写或者语法错误，实在搞不懂问题出在哪😭。我当前的运行环境是openSUSE Tumbleweed系统上的Firefox 138.0(64位)。

下面是我写的部分代码：

<script  id="svgScript" type="text/javascript">
    //https://github.com/amitonline/true-ruler/blob/main/js/true-ruler.js
    var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
    svg.setAttribute("id","sliderControl");
    svg.setAttribute(&
</script>

内容来源于stack exchange