5 矩形
5.1 绘制矩形路径
ctx.rect(50,50,100,100);
rect参数: 参数1,参数2 矩形左上角在画布中的坐标点(坐标的原点画布的左上角) 参数3,参数4 矩形宽高
绘制完矩形路径后,可以使用 ctx.fill()
进行填充,也可以使用 ctx.stroke()
进行描边,或者即填充又描边
5.2 快速填充矩形
ctx.fillRect(120,0,100,100)
参数同 rect 方法
该方法内部对路径的开启和关闭进行了封装,无需再次开启或关闭路径
5.3 快速描边矩形
ctx.strokeRect(120,0,100,100)
参数同 rect 方法
该方法内部对路径的开启和关闭进行了封装,无需再次开启或关闭路径
5.4 清除矩形(橡皮擦)
ctx.clearRect(120,0,100,100);
参数同 rect 方法
绘制一个清除矩形,可以用来清空整个画布