clearRect清除html5画布-白红宇

clearRect清除html5画布

阅读量：5894 次

发布时间：2019-06-19

本文共 578 字，大约阅读时间需要 1 分钟。

html5 canvas 清除可以使用clearRect() 方法

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

JavaScript 语法：

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

x 要清除的矩形左上角的 x 坐标

y 要清除的矩形左上角的 y 坐标

width 要清除的矩形的宽度，以像素计

height 要清除的矩形的高度，以像素计

<!DOCTYPE html>

<html>

<body>

Your browser does not support the HTML5 canvas tag.

</canvas>

var c=document.getElementById("myCanvas_ke"+"leyi_com");

var ctx=c.getContext("2d");

ctx.fillStyle="red";

ctx.fillRect(0,0,300,150);

ctx.clearRect(20,20,100,50);

</script>

</body>

</html>

转载地址：http://zuisx.baihongyu.com/

你可能感兴趣的文章

解剖 Elasticsearch 集群 - 之二

查看>>

JS辨别访问浏览器判断是android还是ios系统

查看>>

jquery empty()方法

查看>>

Thinkphp新增字段无法插入到数据库问题

提升SQLite数据插入效率低、速度慢的方法(转)

查看>>

Spring容器AOP的理解

查看>>

启动Tomcat的小细节--MyEclipse

查看>>

Java线程池的使用以及原理

查看>>

Javascript中call，apply，bind方法的详解与总结

查看>>

mac 下apache服务的根目录

查看>>