canvasrenderingcontext2d.rect(number x, number y, number width, number height)
主体： 企业支付宝小程序 、 个人支付宝小程序
添加一个矩形子路径至当前路径。
效果示例
代码示例运行效果
number x
矩形子路径起点的横坐标。
number y
矩形子路径起点的纵坐标。
number width
矩形子路径的宽度。正数矩形将从起点向右延伸，负数将从起点向左延伸。
number height
矩形子路径的高度。正数矩形将从起点向下延伸，负数将从起点向上延伸。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.rect(10, 10, 100, 100)
ctx.rect(120, 120, 100, 100)
// 填充所有子路径
ctx.fill()
})
}
})<canvas id="canvas" type="2d" onready="oncanvasready">canvas>