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 方法

绘制一个清除矩形,可以用来清空整个画布

results matching ""

    No results matching ""