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é)束圓的半徑。 |
返回值
表示一個(gè)放射性顏色漸變的一個(gè) CanvasGradient 對(duì)象。
描述
這個(gè)方法創(chuàng)建并返回了一個(gè)新的 CanvasGradient 對(duì)象，該對(duì)象在兩個(gè)指定圓的圓周之間放射性地插值顏色。注意，這個(gè)方法并沒有指定任何用來漸變的顏色。使用返回對(duì)象的 addColorStop() 方法做到這一點(diǎn)。要使用一個(gè)漸變來勾勒線條或填充區(qū)域，只需要把 CanvasGradient 對(duì)象賦給 strokeStyle 屬性或 fillStyle 屬性即可。
放射性漸變的繪制方法
使用第一個(gè)圓的圓周在偏移 0 處的顏色和第二個(gè)圓的圓周在偏移 1 處的顏色，在兩個(gè)位置之間的圓上插入顏色值（紅色、綠色、藍(lán)色和 alpha）。