vue-play-button

vue-play-button is a dependency-free, lightweight vue component. 这仅仅是一个使用canvas开发的圆环进度条，可以自定义里边的图片，非常的简单，引入时也非常的方便，可以说是开发音乐类APP必备的组件。

How to use?

npm install vue-play-button

Example

<template>
	<PlayButton :z='z(the radius) ' :step='step(progress)' :imgSrc='imgSrc(the img position)'></PlayButton>
</template>

<script>
  import PlayButton from 'vue-count-to';
  export default {
    components: { PlayButton },
    data () {
      return {
        z: 200,
        step: 0.6,
        imgSrc: './static/a.png'
      }
    }
  }
</script>