HTML DOM createRadialGradient() 方法
定義和用法
createRadialGradient() 方法創(chuàng)建一條放射顏色漸變。
語法
createRadialGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)
參數(shù)
| 參數(shù) | 描述 |
|---|---|
| xStart, yStart | 開始圓的圓心的坐標(biāo)。 |
| radiusStart | 開始圓的半徑。 |
| xEnd, yEnd | 結(jié)束圓的圓心的坐標(biāo)。 |
| radiusEnd | 結(jié)束圓的半徑。 |
返回值
表示一個放射性顏色漸變的一個 CanvasGradient 對象。
描述
這個方法創(chuàng)建并返回了一個新的 CanvasGradient 對象，該對象在兩個指定圓的圓周之間放射性地插值顏色。注意，這個方法并沒有指定任何用來漸變的顏色。使用返回對象的 addColorStop() 方法做到這一點。要使用一個漸變來勾勒線條或填充區(qū)域，只需要把 CanvasGradient 對象賦給 strokeStyle 屬性或 fillStyle 屬性即可。
放射性漸變的繪制方法
使用第一個圓的圓周在偏移 0 處的顏色和第二個圓的圓周在偏移 1 處的顏色，在兩個位置之間的圓上插入顏色值（紅色、綠色、藍(lán)色和 alpha）。