animation-play-state属性在iOS上不起作用
<image src='https://xcx1.diaocr.com/temp/2018/0621/m_21165732936430.jpg' class='rotate' style='animation-play-state:{{is_paused?"paused":"running"}}; -webkit-animation-play-state:{{is_paused?"paused":"running"}};' bindtap="tab"></image>
Page({
data: {
is_paused: false
},
onLoad: function () {
},
tab(){
this.setData({
is_paused: !this.data.is_paused
})
}
})
.rotate{
animation: rotate 30s infinite;
}
@keyframes rotate{
10%{
transform: rotate(10deg)
}
100%{
transform: rotate(360deg)
}
}
是个已知的iOS系统的bug，在使用transform的情况下animation-play-state不生效
我也遇到这个问题了，本来想着暂停的时候获取当前的transform值，关掉动画后重新给transform赋值一下，这样就能做到animation-play-state的效果，但是没法获取dom，所以没法用getComputedStyle获取transform的值😭有没有解决的办法啊
能用啦，我跟你想要实现的效果差不多。刚试了有效果，不过返回值是异步的 需要处理一下 不然赋值的时候会闪一下
请问下继续播放时，怎么从暂停的地方开始播，而不是从头开始播
想问一下 , 你是怎么解决的
https://www.lglzy.cn/ios-animation-play-state-wxapp.html