收藏本站
查看: 20|回复: 0

canvasContext.createLinearGradient

[复制链接]
发表于 2018-2-7 10:23:48 | 显示全部楼层 |阅读模式
定义
创建一个线性的渐变颜色。
Tip: 需要使用 addColorStop() 来指定渐变点,至少要两个。
参数
参数
类型
定义

x0Number起点的x坐标
y0Number起点的y坐标
x1Number终点的x坐标
y1Number终点的y坐标例子
  1. const ctx = wx.createCanvasContext('myCanvas')

  2. // Create linear gradient
  3. const grd = ctx.createLinearGradient(0, 0, 200, 0)
  4. grd.addColorStop(0, 'red')
  5. grd.addColorStop(1, 'white')

  6. // Fill with gradient
  7. ctx.setFillStyle(grd)
  8. ctx.fillRect(10, 10, 150, 80)
  9. ctx.draw()
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表