
fillStyle__填充样式(样式是多种多样的);
var linearGrad = context.createLinearGradient(Xstar,Ystar,Xend,Yend);创建线性渐变(起始位置X,Y,结束位置X,Y);
grd.addColorStop(stop,color);stop是(开始填充)位置(0.0~1.0的数值),color是要填充的颜色;这个.addColorStop()至少要2个;
渐变色效果
线性渐变代码示例2
线性渐变代码示例
fillStyle
context.createLinearGradient用于创建线性渐变,传入一条渐变线段
实际例子。
实际例子中,addColorStop(0.0,"#fff"); addColorStop(1.0,"#000")
表示从0 到百分之100的两个位置
var grd = context.createLinearGradient(xstart,ystart,xend,yend); grd.addColorStop(stop1,color1); grd.addColorStop(stop2,color2);
createLinearGradient()创建线性渐变
笔记 -- 1