首先想知道,既然有css动画播放结束的事件(webkitTransitionEnd),那有没有动画播放中的事件?
第二想知道的是,用jq获取动画的transform
值($('p').css('transform')
)得到的是这样的matrix(1, 0, 0, 1, -298.05, -60)
但是原来的值应该是translate(-179.025px, 74.55px)
这涉及两种表示方式互相转换的算法,这个算法是怎样的?
经测试,用$('p')[0].style.transform
来获取p的实时位置是不符合需求的。它获取的并不是p实时的位置,而是css设置的位置
用
window.getComputedStyle(elem).getPropertyValue("transform")
可以得到实际的transform值Demo如下: