HTML5之用canvas绘制矩形

 时间:2026-04-28 10:34:05

1、先添加一个canvas标签,并通过样式给canvas添加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绘制矩形

1、canvas默认宽是300,高是150.

2、使用fillRect(x, y, width, height)方法绘制一个填充矩形。

3、使用fillStyle设置填充颜色。

4、使用strokeRect(x, y, width, height)绘制一个无填充的矩形框。

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

  • filezilla连接不上服务器
  • 王者荣耀“曹操”技能使用攻略
  • 护肤的最佳时间段是什么
  • VS2013,VS2015各版本如何打开graphics.h头文件
  • vscode在哪里设置鼠标光标动画
  • 热门搜索
    iq是什么意思 西安有什么好玩的地方或者景点 3月5日是什么星座 经常流鼻血是什么原因 蹦沙卡拉卡是什么歌 新婚燕尔是什么意思 联行号是什么 龙利鱼是什么鱼 月亮是什么星 dw是什么意思