HTML5之用canvas绘制矩形

 时间:2024-10-12 02:39:18

1、先添加一个canvas标签,并通过样式给canva衡痕贤伎s添加2px的边框。canvas默认是【300】宽【150】高。

HTML5之用canvas绘制矩形

2、使用【fillRect(x, y, width, height)】方法绘制一个填充矩形,默认填充颜色是黑色。

HTML5之用canvas绘制矩形

3、使用【fillStyle】设置填充颜色,绘制一个绿色的矩形。

HTML5之用canvas绘制矩形

4、使用【strokeRect(x, y, width, height)】绘制一个矩形框。

HTML5之用canvas绘制矩形

5、使用【clearRect(x, y, width, height)】来清除一个指定矩形区域,清除部分将完全透明。

HTML5之用canvas绘制矩形
  • filezilla连接不上服务器
  • 王者荣耀“曹操”技能使用攻略
  • 护肤的最佳时间段是什么
  • VS2013,VS2015各版本如何打开graphics.h头文件
  • vscode在哪里设置鼠标光标动画
  • 热门搜索
    感恩母亲的手抄报图片 感恩母爱手抄报第一名 和谐校园手抄报 敬廉崇洁手抄报 高中英语手抄报 中秋节手抄报设计图 关于抗击疫情的手抄报 少先队建队日手抄报 关于爱的手抄报 数学手抄报资料