1、canvas中漸變方式有2種：線性漸變和徑向梯度漸變
createlinegradient()
createradialgradient()
addcolorstop(var1,var2);
var1 取值在0-1之間
var2 是顏色值
前面有講述線性漸變的作用，漸變是乙個漸變物件
徑向漸變方法createradialgradient建立放射狀/圓形漸變物件
context.createradialgradient(x0,y0,r0,x1,y1,r1);
漸變可用於填充矩形、圓形、線條、文字等等。
1：請使用該物件作為 strokestyle 或 fillstyle 屬性的值。
2：請使用 addcolorstop() 方法規定不同的顏色，以及在 gradient 物件中的何處定位顏色
引數描述
x0漸變的開始圓的 x 座標
y0漸變的開始圓的 y 座標
r0開始圓的半徑
x1漸變的結束圓的 x 座標
y1漸變的結束圓的 y 座標
r1結束圓的半徑
canvas 漸變文字
html要求 body這裡的onload一定要寫，在這個處理模式下，是在body這裡執行載入頁面完成後載入canvas的命令。有的寫在了js中的window.nl ad function 這裡就要換一種寫法了。其實實現方法是多種多樣的，重在理解原理。這裡可以填寫文字 譬如 您的瀏覽器不支援canva...
canvas中的漸變
createlineargradient x1,y1,x2,y2 表示漸變的起點 x1,y1 與終點 x2,y2 gradient.addcolorstop position,color gradient createlineargradient的返回值 addcolorstop 方法接受 2 個引...
canvas中的線性漸變和徑向漸變
var b a.getcontext 2d var grd b.createradialgradient 75,50,5,90,60,100 徑向漸變，引數值引數 描述 x0 漸變開始點的 x 座標 y0 漸變開始點的 y 座標 x1 漸變結束點的 x 座標 y1 漸變結束點的 y 座標 同上 ad...