Javascript 在动画中获取当前CSS3翻译

嗨，我想知道如何获得css3动画的当前TranslateX

我有一个动画：

@-webkit-keyframes pictureTransition {
    from,5% {-webkit-transform:translateX(0px);}
    10%,25% {-webkit-transform:translateX(-1024px);}
    30%,45% {-webkit-transform:translateX(-2048px);}
    50%,65% {-webkit-transform:translateX(-3072px);}
    70%,85% {-webkit-transform:translateX(-4096px);}
    90%,to {-webkit-transform:translateX(-5120px);}
}

---

我有一个按钮，当点击时，会得到动画中的当前translateX，并将其保存在一个变量中以供进一步使用。有什么想法吗？

以下是我的想法：

---

代码使用自：

您应该能够通过以下方式获得当前的translateX值：

var transformX = new WebKitCSSMatrix(window.getComputedStyle([YOUR ELEMENT HERE]).webkitTransform).m42;

这样你就不必把琴弦和所有的爵士乐分开。。。m42是X的矩阵值，m41是Y的矩阵值

有关更多信息，请参阅