阿里云首页 管理控制台

CanvasContext.strokeRect

绘制描边矩形。

说明:setFillStroke() 设置矩形线条的颜色,如果没设置默认是 black

入参

Object 类型,属性如下:

属性

类型

说明

x

Number

矩形左上角的 x 坐标。

y

Number

矩形左上角的 y 坐标。

width

Number

矩形路径宽度。

height

Number

矩形路径高度。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')
ctx.setStrokeStyle('blue')
ctx.strokeRect(20, 20, 250, 80)
ctx.draw()

显示效果如下图所示:

image