旅游景点 旅游攻略 生活知识 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游 知识问答

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)来清除一个指定矩形区域,清除部分将完全透明。

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com