canvascontext.fillrect(number x, number y, number width, number height)

支付宝客户端 支持

支小宝客户端 支持

安诊儿客户端 支持

主体： 企业支付宝小程序 、 个人支付宝小程序

相关文档： 旧版 canvas 迁移指南

效果示例

number x

矩形左上角 x 坐标

number y

矩形左上角 y 坐标

number width

矩形要绘制的宽度

number height

矩形要绘制的高度

page({
    onready() {
        const ctx = my.createcanvascontext('canvas')
        ctx.setfillstyle('blue')
        ctx.fillrect(20, 20, 250, 80)
        ctx.draw()
    }
})

<canvas id="canvas">canvas>