创建一个线性的渐变颜色。
Tip: 需要使用addColorStop()
来指定渐变点,至少要两个。
参数 | 类型 | 定义 |
---|---|---|
x0 | Number | 起点的x坐标 |
y0 | Number | 起点的y坐标 |
x1 | Number | 终点的x坐标 |
y1 | Number | 终点的y坐标 |
const ctx = wx.createCanvasContext('myCanvas')
// Create linear gradient
const grd = ctx.createLinearGradient(0, 0, 200, 0)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
更多微信小程序开发教程,可以关注。
全国7x24小时客服热线
所有故障均24小时内解决
项目一次性收费安心
技术人员均从业5年以上
通过技术营销传播企业服务价值
丰富的行业实战经验积累
基于需求研发多款产品
针对需求提供精细化服务