clearRect()不能清楚路径

最新推荐文章于 2022-05-12 12:25:07 发布

原创最新推荐文章于 2022-05-12 12:25:07 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#clearRect

JavaScript 同时被 3 个专栏收录

41 篇文章

订阅专栏

html5

1 篇文章

订阅专栏

canvas

1 篇文章

订阅专栏

本文介绍了clearRect()方法的功能及用法，该方法用于清除给定矩形内的指定像素，但无法清除路径。通过示例代码展示了如何在HTML5 Canvas中使用clearRect()来清空特定区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义： clearRect() 方法清空给定矩形内的指定像素。
注意： clearRect()不能清楚路径。

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
    onload = function(){
        var cas = document.getElementById('cas');
        var ctx = cas.getContext('2d');
        ctx.rect(50,50,100,100);
        ctx.clearRect(0,0,cas.width,cas.height);
        ctx.fill();   
    }
    </script>
</head>
<body>
    <canvas id="cas" width="200" height="200" style="border:solid blue 1px;"></canvas>
</body>
</html>