canvas渐进颜色的解释
注释:
(1)cxt.createLinearGradient( xStart , yStart , xEnd , yEnd );
xStart为渐变起始地点的横坐标,yStart为渐变起始地点的纵坐标;xEnd为渐变结束地点的横坐标;yEnd为渐变结束地点的纵坐标。
(2)cxt.addColorStop( offset , color );
该方法可以追加渐变的颜色,因为是渐变,所以至少需要使用两次addColorStop方法以追加两个颜色(开始颜色与结束颜色),可以追加多个颜色,例如“从蓝色渐变到白色,然后渐变到绿色”。蓝色起始点坐标到白色终点坐标之间的距离与白色起始点到绿色终点坐标之间的距离相等,这时蓝色的位移量为0,白色的位移量为0.5,绿色的位移量为1。
offset为所设定的颜色离开渐变起始点的偏移量,参数值是一个范围在0到1之间的浮点值,渐变起始点的偏移量为0,渐变结束点的偏移量为1;color为绘制时使用的颜色;