Skip to content

disable in IOS platform #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
josephvong opened this issue Aug 25, 2017 · 2 comments
Open

disable in IOS platform #3

josephvong opened this issue Aug 25, 2017 · 2 comments

Comments

@josephvong
Copy link

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 = '' 
  })
}

},

@ghost
Copy link

ghost commented Feb 12, 2018

你都不看看,这最后一次提交代码,都是在2015年吗????你们也敢用。。。。。。。。。

@zhe-he
Copy link

zhe-he commented Apr 28, 2018

Maybe you should use this.$refs.circleBar.$el instead of this.$refs.circleBar.If this is a created element

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants