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在哪里设置鼠标光标动画
  • 热门搜索
    男士发型名称 怎么瘦肚子和腰上赘肉 一如既往的近义词 到底的近义词是什么 我的世界蛋糕怎么吃 计生证明怎么开 宠物兔怎么养 牙出血是怎么回事 光芒的近义词 电脑声卡怎么调试