canvas 清除画布

最新推荐文章于 2024-10-24 10:55:01 发布

Misnice

最新推荐文章于 2024-10-24 10:55:01 发布

阅读量3.9k

点赞数 1

分类专栏： canvas 文章标签： canvas canvas画布清除画布

本文链接：https://blog.youkuaiyun.com/Misnice/article/details/101028964

版权

canvas 专栏收录该内容

4 篇文章

订阅专栏

clearRect() 方法清空指定矩形内的canvas画布。

<!DOCTYPE HTML>
<html>
<head><title>canvas 清空画布</title><meta charset="utf-8" /></head>
<body>
    <div style="text-align:center;">
        <canvas id="canvas" width="600" height="600"> </canvas>  
    </div>
<script type="text/javascript">
    var canvas =document.getElementById("canvas");   
    var context =canvas.getContext("2d");
    //清除画布的方法
    context.clearRect(x,y,width,height);
    //x 是要清除的矩形左上角的 x 坐标
    //y 是要清除的矩形左上角的 y 坐标
    //width 是要清除的矩形的宽度，以像素计
    //height 是要清除的矩形的高度，以像素计
    context.clearRect(0,0,600,600);
    //清空整个canvas画布
</script>
</body>
</html>