先绘制渐变，再绘制图形
线性渐变创建方式：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
长春语林科技 阅读(355)
评论(0) 编辑 收藏 所属分类:
html5