clearRect()不能清楚路径

最新推荐文章于 2023-10-01 08:33:01 发布

microcosmv

最新推荐文章于 2023-10-01 08:33:01 发布

阅读量1.8k

点赞数

分类专栏： JavaScript html5 canvas 文章标签： clearRect

本文链接：https://blog.csdn.net/microcosmv/article/details/61480324

版权

JavaScript 同时被 3 个专栏收录

41 篇文章 1 订阅

订阅专栏

html5

1 篇文章 0 订阅

订阅专栏

canvas

1 篇文章 0 订阅

订阅专栏

定义： 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>