先绘制渐变,再绘制图形
线性渐变创建方式:var gradient = ctx.createLinearGradient(xStart,yStart,xEnd,yEnd);
追加渐变颜色:ctx.addColorStop(offset,color);//offset 为所设定的颜色的偏移量,值范围为0~1;color为颜色值,rgb(1,1,1),rgba(1,1,1,0.5)
径向渐变创建方式: var gradient = ctx.createRadialGradient(xStart,yStart,radiusStart,xEnd,yEnd,radiusEnd);
追加渐变颜色:ctx.addColorStop(offset,color);//offset 为所设定的颜色的偏移量,值范围为0~1;color为颜色值,rgb(1,1,1),rgba(1,1,1,0.5)
posted on 2011-08-17 09:54
长春语林科技 阅读(354)
评论(0) 编辑 收藏 所属分类:
html5