您现在的位置： 365建站网 > 建站教程 > html5教程 > HTML5 canvas clearRect() 方法

HTML5 canvas clearRect() 方法

此节有 247 人学习过参与评论

HTML5 Canvas 参考手册

实例

在给定矩形内清空一个矩形：

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);

亲自试一试

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 clearRect() 方法。

注释：Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。

定义和用法

clearRect() 方法清空给定矩形内的指定像素。

JavaScript 语法：

context.clearRect(x,y,width,height);

参数值

参数	描述
x	要清除的矩形左上角的 x 坐标
y	要清除的矩形左上角的 y 坐标
width	要清除的矩形的宽度，以像素计
height	要清除的矩形的高度，以像素计

HTML5 Canvas 参考手册

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (247人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：HTML5 canvas strokeRect() 方法
下一篇：HTML5 canvas fill() 方法

html5教程目录

公司信息: · 网站介绍; · 联系我们; · 加入我们; · 服务条款

快速入口: · 365软件; · 杰创官网; · 建站工具; · 网站大全

其它栏目: · 建站教程; · 365学习

业务咨询: · 技术支持; · 服务时间：9:00-18:00

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有鄂ICP备17013400号