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在哪里设置鼠标光标动画
  • 热门搜索
    电子海报怎么制作 梦幻西游大唐怎么加点 血压压差大怎么办 痰里有血是怎么回事 头发越来越少怎么办 隐形纱窗怎么清洗 超速10%不到20%怎么处罚 掉头发很厉害怎么办 炒河粉怎么做好吃 韩语不要怎么说