canvasrenderingcontext2d.strokerect(number x, number y, number width, number height)
基础库 或更高版本； 若版本较低，建议采取 兼容处理。
主体： 企业支付宝小程序 、 个人支付宝小程序
绘制一个空心的，只有描边的矩形。
此方法会将矩形直接绘制到画布，之后调用 fill 或 stroke 对此接口的绘制结果没有影响。
若要绘制实心矩形，可使用 fillrect。
效果示例
代码示例执行效果
number x
矩形起点的 x 坐标。
number y
矩形起点的 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.strokerect(20, 10, 160, 100)
})
}
})<canvas id="canvas" type="2d" onready="oncanvasready">canvas>