CanvasContext.createLinearGradient

簡介

CanvasContext.createLinearGradient 用于創(chuàng)建一個(gè)線性的漸變色。需要使用 addColorStop() 來指定漸變點(diǎn)，至少需要兩個(gè)漸變點(diǎn)。

掃碼體驗(yàn)

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')


const grd = ctx.createLinearGradient(10, 10, 150, 10)
grd.addColorStop(0, 'yellow')
grd.addColorStop(1, 'blue')


ctx.setFillStyle(grd)
ctx.fillRect(20, 20, 250, 180)
ctx.draw()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
x0	Number	起點(diǎn) x 坐標(biāo)。
y0	Number	起點(diǎn) y 坐標(biāo)。
x1	Number	終點(diǎn) x 坐標(biāo)。
y1	Number	終點(diǎn) y 坐標(biāo)。