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中绘制矩形