qml中的canvas在繪製圖形是,可以設定漸變色。
context2d中的createlineargradient()建立乙個線性漸變物件,createradialgradient()建立乙個放射性漸變物件,這個漸變物件的型別為canvasgradient。canvasgradient通過addcolorstop()方法在漸變路徑的關鍵點上設定顏色。**如下:
import qtquick 2.0
canvas
}
使用上述漸變色繪製結果如下
createlineargradient的引數如下
createradialgradient引數如下
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...
HTML中canvas線性漸變的使用方法
canvas漸變分為兩種 下面進行對線性漸變的講解 線性漸變 用法 createlineargradient x1,y1,x2,y2 新增顏色 grad.addcolorstop 位置,顏色 位置表示顏色的停止位置 注意 在新增顏色得時候,位置 由0 1之間得數字填寫,顏色 需要用雙引號或者單引號包...