CanvasContext.rect

2020-09-14 15:17 更新

简介

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

扫码体验

undefined

效果示例

画布.gif

示例代码

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

显示效果如下图所示: ctx.rect.png

入参

Object 类型,属性如下:

属性 类型 描述
x Number 矩形左上角的 x 坐标。
y Number 矩形左上角的 y 坐标。
width Number 矩形路径宽度。
height Number 矩形路径高度 。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号