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在哪里设置鼠标光标动画
  • 热门搜索
    黍怎么读 孕妇血糖高怎么办 矮个子怎么增高 心脏房颤是怎么回事 天气丹化妆品怎么样 马超怎么玩 蛋包饭怎么做 李咏为什么离开央视 驾驶证丢了怎么补办 水淀粉怎么调