Javascript 使用GSAP的SVG动画

我可能遗漏了一些简单的东西，但我无法使用GSAP为SVG元素设置动画，尽管动画可以很好地与HTML配合使用

例如，如果我有两个圆圈——一个是用HTML/CSS创建的，另一个是用SVG创建的——HTML元素会被设置动画，而SVG元素则不会：

var circle=document.getElementById（“html”）；//行得通
var circle=document.getElementById（“svg”）；//不起作用
TweenLite.to（圆圈，1{
左：“100px”
});
left
不是SVG元素的有效属性。GSAP提供了一种抽象，您可以使用
x
属性通过变换（SVG和HTML元素）来设置动画，也可以使用SVG的
cx
属性

TweenLite.to(circle, 1, {
  x: 100
});

或者

left
不是SVG元素的有效属性。GSAP提供了一种抽象，您可以使用
x
属性通过变换（SVG和HTML元素）来设置动画，也可以使用SVG的
cx
属性

TweenLite.to(circle, 1, {
  x: 100
});

或者