本文主要包含HTML5,canvas,绘制矩形等相关知识,匿名希望在学习及工作中可以帮助到您
一、绘制矩形
canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。
使用绘图环境的矩形绘制函数来绘制矩形。
fillRect(x,y,width,height) ： 绘制一个实心的矩形。
strokeRect(x,y,width,height) ： 绘制一个空心的矩形。
clearRect(x,y,width,height) ： 清除指定的矩形区域，使之完全透明。
二、在canvas中绘制矩形
canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。
使用绘图环境的矩形绘制函数来绘制矩形。
fillRect(x,y,width,height) ： 绘制一个实心的矩形。
strokeRect(x,y,width,height) ： 绘制一个空心的矩形。
clearRect(x,y,width,height) ： 清除指定的矩形区域，使之完全透明。
二、在canvas中绘制矩形