1

我正在尝试为一组先前已翻译到新位置的 svg 元素设置动画。我正在使用 Velocity.js 将组动画到视口中心。
但是，我正在努力将组动画到视口的中心。

下面附加的jsfiddle和速度函数显示该组是从左上角到视口右侧的动画，这不是我想要的。

如何将组从新位置动画到屏幕中心？

function Customize()
          { 
                  var bound=document.getElementById('parentsvg'); 
                  var width = (bound.width.baseVal.value);
                  var height = bound.height.baseVal.value;
                  var dx= (width/2);
                  var dy= (height/2);
                  var gro = document.getElementById('group');
                  var cl = gro.getBoundingClientRect();
                  var width = (cl.width / 2) ;
                  var height = (cl.height / 2);
                  var xx = dx - width;
                  var yy = dy - height;
                Velocity(gro,{translateX:xx,translateY:yy},{duration:5000},{queue:false});
}

这是我的 Jsfiddle http://jsfiddle.net/KashifMKH/kd0s27vq/3/

4

0 回答 0