Javascript svg动画圆圈旋钮按时钟方向旋转，不使用GSAP工作

我正在使用GSAP制作SVG动画，试图顺时针旋转圆圈旋钮，它在圆圈内旋转。尝试过的代码也尝试过CSS，但仍停留在动画中，取材于，但不起作用。请帮助我获得动画。有人告诉我正确的方向。提前谢谢`

$（文档）.ready（函数（）{
函数buildTween（）{
var mytween=TweenMax.至（'旋钮'，80{
ease:Linear.ease无，
旋转：360，重复：-1
});  
}  
buildTween（）；
});

问题来自圆形旋钮的原点。您需要使用CSS添加“transform origin”，或在JS代码中使用：

transformOrigin:“0 100%”

该值表示旋转中心的“x y”位置（此处为圆形旋钮的左下角）


编辑：
因此，您的JS代码将如下所示：

$(document).ready(function(){ 

  function buildTween(){
    TweenMax.to('#knob', 80, {
        ease:Linear.easeNone,
        transformOrigin: '0 100%',
        rotation: 360,
        repeat:-1
    });  
  }

  buildTween();
});

这是一个变换原点问题，您需要设置它以获得正确的旋转。顺便说一句，svg是无效的，元素行11没有关闭。@remib:ooh是的，现在我已经关闭了标记，并尝试转换我试图正确设置但不起作用的属性。知道如何正确设置吗。按照您的建议尝试，但问题仍然是一样的，非常好，非常感谢你的努力。再次感谢。