HTML5之用canvas绘制矩形

 时间:2026-02-13 14:13:11

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在哪里设置鼠标光标动画
  • 热门搜索
    九寨沟旅游攻略 旅游法 合肥旅游 昆明旅游攻略 云台山旅游攻略 日照旅游攻略 旅游景点介绍 洛阳旅游攻略 柬埔寨旅游 成都旅游