HTML中的rect ) )方法用于在HTML中创建矩形。
使用方法：
context.rect(x，y，width，height )。
参数：
x:存储矩形左上角的x坐标。
y:存储矩形左上角的y坐标。
width:以像素为单位存储宽度。
height:以像素为单位存储高度。
示例1 :
HTML canvas rect () Method
width='500 '
height='300 '
var x=
document.getelementbyid('gfg )；
var contex=
x.getcontext('2d )；
//创建rectangle
contex.rect (50，50，350，200 )；
contex.strokeStyle='green '；
contex.lineWidth='10 '；
contex.stroke (；
输出：
示例2 :
HTML canvas rect () Method
width='500 '
height='300 '
var x=
document.getelementbyid('gfg )；
var contex=
x.getcontext('2d )；
contex.rect (50，50，350，200 )；
varx=document.getelementbyid (gfg )；
varcontex=x.getcontext('2d )；
contex.rect (100，100，250，100 )；
contex.strokeStyle='green '；
contex.lineWidth='10 '；
contex.font='30px Arial '；
contex.filltext('geeksforgeeks '，120，150 )；
contex.stroke (；
输出：
支持的浏览器：
谷歌浏览器
互联网资源管理器9.0
火狐浏览器
苹果浏览器
欧培拉