通过cfg对象来设置滑动控件的min， max， step属性 对控件绑定input事件，当滑块滑动时会触发该事件，此时完成对进度条的填充，这里我使用的是线性渐变lineargradientto right， #059CFA。

scalescontextbeginPath定义放射性颜色渐变var colorObj = contextcreateRadialGradient0，0，0，0，0，arrircolorObjaddColorStop0，#39#cbc0f3#39colorObjaddColorStop1，#39#06198b#39。

渐变效果的头二十年是通过“着色”来取得的在HTML5之前，背景必须作为一个图片或是由多个子图叠加在一起被提供例如，Photoshop有一个“渐变工具”该工具主要用于构建一个背景图片以作为渐变色使用这一功能获得了很。

这个为啥要用边框呀我的天，两个大小不同的圆进行重叠就行了，下面的黑色大点，上面的白色小点，然后在大圆的左下角，就是一个大盒子包裹一个小盒子很简单的。

步骤6 更多 HTML5 画布提示 可以使用一系列属性shadowColorshadowBlurshadowOffsetX 和 shadowOffsetY应用阴影 可以使用 createPattern 方法作为一种模式重复画布中的元素 可以使用 save 方法保存画布状态，然后执行更改，再使用。

在“渐变标签”的下部是“底纹样式”和“变形”，“底纹样式”决定了渐变的方向，共6类“变形”决定了渐变颜色所处的位置，共4类，两者配合，可产生24种渐变效果 在“渐变标签”的上部是“颜色”，包括“单色”“双色”和“预设”。

HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式渐变色是由不同的颜色进行过渡，而不是单一的颜色先来看几个canvas渐变色的例子渐变按照类型来分可以分为两种类型线性渐变径向渐变线性渐变以线性的模式来改变颜色。