canvascontext.strokerect(number x, number y, number width, number height)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.strokerect 使用当前的绘画样式,绘制一个空心的,只有描边的矩形。
此方法会将矩形直接绘制到画布,之后调用 或
对此接口的绘制结果没有影响。
number x
矩形起点的 x 坐标。
number y
矩形起点的 y 坐标。
number width
矩形宽度。正值矩形从起点向右绘制,负值向左绘制
number height
矩形高度。正值矩形从起点向下绘制,负值向上绘制
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 用默认的绘画样式绘制
ctx.strokerect(20, 20, 100, 80)
// 设置描边颜色。默认为黑色
ctx.setstrokestyle('red')
// 设置描边宽度。默认为 1
ctx.setlinewidth(10)
ctx.strokerect(20, 120, 100, 80)
ctx.draw()
代码示例执行效果
<canvas id="canvas"></canvas>