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