QMl中的Canvas使用漸變色

2021-10-08 03:25:28 字數 566 閱讀 4890

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之間得數字填寫,顏色 需要用雙引號或者單引號包...