为什么我的svg组作为单个组进行扩展？

我制作了一把小提琴，显示了我的问题。我分别缩放每个组，但它们似乎相对于它们在父组中的位置进行缩放。我所期望的是，每个元素都会缩小并向右缩放，但如果边界框的x值为负，则它们会向左缩放。我怎样才能改变这种行为？ 以下是使用anime.js的基本动画：

//云
var clouds=document.getElementById（“clouds”）.children
函数环云（el）{
bbox=el.getBBox（）
动画({
目标：el，
不透明度：[{
值：[0，1]，
持续时间：2000年
}],
比例：[0.5,5]，
循环：对，
放松：“cubicBezier（1,0,1,0）”，
持续时间：5000，
})
}
for（设i=0；i

---

正如您所描述的，这是预期的行为。缩放还可以变换相对于缩放原点的坐标。不知道anime.js，可以指定来源吗？