擦除指定区域

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
<style>
canvas{
border:solid 1px #000;
}
</style>
</head>
<body>
<canvas width="600" height="500"></canvas>

<script>
//获取元素对象
var canvas = document.querySelector('canvas');

//获取画笔对象
var ctx = canvas.getContext('2d');

//填充矩形的绘制
ctx.fillRect(100,100, 300, 200);

//擦除指定区域
ctx.clearRect(120,120,200,100);
// ctx.clearRect(0,0, 20000,20000);
</script>

</body>
</html>

posted @ 2020-10-06 11:51  13522679763-任国强  阅读(173)  评论(0)    收藏  举报