1. 程式人生 > >微信小程式不規則圖形漸變填充

微信小程式不規則圖形漸變填充

// Create linear gradient動態漸變
    const grd = ctx.createLinearGradient(0, 0, 200, 0) //這個得寫  固定的
    grd.addColorStop(0, 'red')//開始漸變的顏色
    grd.addColorStop(1, 'white')//另一個顏色
    ctx.setFillStyle(grd)//把漸變填到圖形中  需要你之前用ctx畫布畫好一個圖形 
    ctx.fill() //這個必須加上 沒有這個 直接設定顏色不好使

填充完畢樣式示例