全部产品

CanvasContext.rect

创建一个矩形。用 fill() 或者 stroke() 方法将矩形画到 canvas 中。

入参

Object 类型,属性如下:

属性

类型

说明

x

Number

矩形左上角的 x 坐标。

y

Number

矩形左上角的 y 坐标。

width

Number

矩形路径宽度。

height

Number

矩形路径高度 。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')
ctx.rect(20, 20, 250, 80)
ctx.setFillStyle('blue')
ctx.fill()
ctx.draw()

显示效果如下图所示:

image