xuliang_bp v1.0.3

先安装依赖

yarn add xuliang_bp

然后就可以开始使用了～～

    import {draws} from 'xuliang_bp'

    const Ocan = new draws({
		  arr: arr,
		  dom: '#myCanvas',
		  maxHeight: maxHeight,
		  onChange:onChange.bind(this), // 点击canvas调整进度  会返回点击处百分比
    });

	function onChange(percent){
		console.log(percent); // 0.45	 0.56	 0.87
		audio.currentTime = audio.duration*percent;
	}

	audio.ontimeupdate=function(){
		const width = (audio.currentTime / audio.duration)*canvasWidth;
		Ocan.beginDraw(width);
	}

    //Ocan.beginDraw(200); // 播放时 刷新已播放进度  可以用 百分比 * canvas宽度

参数

          onChange:onChange.bind(this), // 点击canvas调整进度  会返回点击处百分比
          arr: 谱段height数组  [1,2,34,12,3,412,12,41]]
          dom: canvas标签class || id  '.canvas' || '#canvas'