先繪制漸變，再繪制圖形
線性漸變創建方式：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
長春語林科技 閱讀(363)
評論(0) 編輯 收藏 所屬分類:
html5