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在哪里设置鼠标光标动画
  • 热门搜索
    电子邮件怎么发 页眉横线怎么去掉 手机充电发热怎么回事 白鸽刘亮怎么分开了 ppt怎么做好看 日立电梯怎么样 qq怎么刷赞 喜字怎么剪 孕妇得了痔疮怎么办 精子发黄是怎么回事