当前位置:Gxlcms > html代码 > HTML5在canvas中绘制矩形附效果图_html5教程技巧

HTML5在canvas中绘制矩形附效果图_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:8人阅读

一、绘制矩形

canvas使用原点(0,0)在左上角的坐标系统,x坐标向右递增,y坐标向下递增。

使用绘图环境的矩形绘制函数来绘制矩形。

fillRect(x,y,width,height) : 绘制一个实心的矩形。
strokeRect(x,y,width,height) : 绘制一个空心的矩形。
clearRect(x,y,width,height) : 清除指定的矩形区域,使之完全透明。

二、在canvas中绘制矩形

代码如下:






HTML5