HTML中canvas徑向漸變的使用方法:

canvas漸變分為兩種 ,下面進行對徑向漸變的講解:

徑向漸變也被叫做圓漸變

用法:

createRadialGradient(x1,y1,r1,x2,y2,r2)**

參數(shù)值:

?x1:起點的 橫坐標X1。

y1:起點的 縱坐標Y1。

r1:第一個圓得半徑r1。

x2:終點的 橫坐標X2。

y2:終點的 縱坐標Y2。

r2:第二個圓得半徑r2。

注意:

? ? x1,y1,r1組合來使用表示過x1,y1得點以r1的值為半徑畫圓;

? ? x2,y2,r2組合來使用表示過x2,y2得點以r2的值為半徑畫圓;

? ? 需要的條件:

? ? ? ? r2>r1才能展示出完整的園形

代碼使用如下圖所示:

實現(xiàn)效果如下圖所示:

? ? ? ? ? ? ? ? 原創(chuàng)版權(quán)所有翻版必究,感謝您一直以來得信任與關(guān)注!本人唯一csdn id:ID：m0_46532221 感謝關(guān)注!