【如何建設(shè)公司網(wǎng)站】
繪制漸變
(1)繪制線性漸變
createLinearGradient()方法用于創(chuàng)建一條線性顏色漸變，語(yǔ)法格式為：
createLinearGradient(xStart, yStart, xEnd, yEnd)
其中的參數(shù)含義如下。
xStart，yStart：漸變起始點(diǎn)的坐標(biāo)。
xEnd，yEnd：漸變結(jié)束點(diǎn)的坐標(biāo)。
說(shuō)明：該方法創(chuàng)建并返回了一個(gè)新的CanvasGradient對(duì)象，它在指定的起始點(diǎn)和結(jié)束點(diǎn)之間線性地內(nèi)插顏色值。這個(gè)方法并沒(méi)有為漸變指定任何顏色，用戶(hù)可以使用返回對(duì)象的addColorStop()來(lái)實(shí)現(xiàn)這個(gè)功能。要使用一個(gè)漸變來(lái)勾勒線條或填充區(qū)域，只需要把CanvasGradient對(duì)象賦給strokeStyle屬性或fillStyle屬性即可。
(2)繪制徑向漸變
①createRadialGradient()方法用于創(chuàng)建一條放射顏色漸變，語(yǔ)法格式為：
createRadiaIGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)
其中的參數(shù)含義如下。
xStart，yStart：開(kāi)始圓的圓心坐標(biāo)。
radiusStart:開(kāi)始圓的半徑。
xEnd，yEnd：結(jié)束圓的圓心坐標(biāo)。
radiusEnd:結(jié)束圓的半徑。
說(shuō)明：該方法創(chuàng)建并返回了一個(gè)新的CanvasGradient對(duì)象，該對(duì)象在兩個(gè)指定圓的圓周之間放射性地插值顏色。這個(gè)方法并沒(méi)有為漸變指定任何顏色，用戶(hù)可以使用返回對(duì)象的addColorStop()方法來(lái)實(shí)現(xiàn)這個(gè)功能。要使用一個(gè)漸變來(lái)勾勒線條或填充區(qū)域，只需要把CanvasGradient對(duì)象賦給strokeStyle屬性或fillStyle屬性即可。
