CanvasContext.rect

簡(jiǎn)介

CanvasContext.rect 用于創(chuàng)建一個(gè)矩形。用 fill() 或者 stroke() 方法將矩形畫到 canvas 中。

掃碼體驗(yàn)

效果示例

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
ctx.rect(20, 20, 250, 80)
ctx.setFillStyle('blue')
ctx.fill()
ctx.draw()

顯示效果如下圖所示：

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	描述
x	Number	矩形左上角的 x 坐標(biāo)。
y	Number	矩形左上角的 y 坐標(biāo)。
width	Number	矩形路徑寬度。
height	Number	矩形路徑高度 。