HTML中canvas線性漸變的使用方法:
canvas漸變分為兩種 ,下面進行對線性漸變的講解:
.線性漸變;
用法:
createLinearGradient(x1,y1,x2,y2)
添加顏色:
grad.addColorStop(位置,顏色) 位置表示顏色的停止位置
注意:
在添加顏色得時候,“位置”,由0-1之間得數(shù)字填寫,"顏色"需要用雙引號或者單引號包裹起來作為一個字符串使用;
參數(shù)值:
? ? x1:起點的 橫坐標(biāo)X1。
y1:起點的 縱坐標(biāo)Y1。
x2:終點的 橫坐標(biāo)X2。
y2:終點的 縱坐標(biāo)Y2。
注意:x1,y1組合來使用表示起點位置的坐標(biāo);
? ? x2,y2組合來使用表示終點位置的坐標(biāo);
代碼使用如下圖所示:
實現(xiàn)效果如下圖所示:
? ?感謝您一直以來得信任與關(guān)注!本著作為原創(chuàng),版權(quán)所有翻版必究,本人唯一csdn id:m0_46532221
