CanvasContext.rect(number x, number y, number width, number height)

创建一个矩形路径。需要用 fill 或者 stroke 方法将矩形真正的画到 canvas

参数

number x

矩形路径左上角的横坐标

number y

矩形路径左上角的纵坐标

number width

矩形路径的宽度

number height

矩形路径的高度

示例代码

  1. const ctx = wx.createCanvasContext('myCanvas')
  2. ctx.rect(10, 10, 150, 75)
  3. ctx.setFillStyle('red')
  4. ctx.fill()
  5. ctx.draw()

CanvasContext.rect - 图1