You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I use the tool in a vue project, to create a component as a svg cirlcle progress bar.
In components, I use Vue's watch feature to monitor a data "dashoffset", and to trigger the function of "create-keyframe-animation" , but fail in IOS platform. (PC dev tool and android is fine)
My code as below:
........
watch:{
dashoffset(newNum,oldNum){ // -----below are the code for use the create-keyframe-animation---
let animation = {
0:{'stroke-dashoffset':${oldNum}},
100:{'stroke-dashoffset':${newNum}}
}
animations.registerAnimation({
name:'move',
animation,
presets:{
duration:400,
easing:'linear'
}
})
// --I found fail to run the "runAnimation" function----------
animations.runAnimation(this.$refs.circleBar,'move',()=>{
this.fixDashOffset = newNum;
animations.unregisterAnimation('move')
this.$refs.circleBar.style.animation = ''
})
}
},
The text was updated successfully, but these errors were encountered:
I use the tool in a vue project, to create a component as a svg cirlcle progress bar.
In components, I use Vue's watch feature to monitor a data "dashoffset", and to trigger the function of "create-keyframe-animation" , but fail in IOS platform. (PC dev tool and android is fine)
My code as below:
........
watch:{
dashoffset(newNum,oldNum){ // -----below are the code for use the create-keyframe-animation---
let animation = {
0:{'stroke-dashoffset':
${oldNum}
},100:{'stroke-dashoffset':
${newNum}
}}
},
The text was updated successfully, but these errors were encountered: