本篇文章主要介绍了HTML5 Canvas玩转酷炫大波浪进度图效果实例，非常具有使用价值，有需要的可以了解一下。

本文介绍了HTML5 Canvas玩转酷炫大波浪进度图效果，具体如下： 如上图所见，本文就是要实现上面那种效果。 由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 了解quadraticCurveTo quadraticCurveTo() 方法通过使用表示二次贝塞尔曲线的指定控制点，向当前路径添加一个点。 Javascr ipt 语法： context