在Html5Canvas中，有几种清除屏幕的方法

擦除canvas画布有两个方法可以使用：

clearRect方法

重新设置高宽度

示例：

/* 本示例使用jQuery描述 */

var canvas = $('#myCanvas')  //选择要擦除的canvas元素

var context = canvas.get(0).getContext('2d')  //获取canvas上下文

//第一种方法擦除（clearRect方法）

context.clearRect(0, 0, canvas.width(), canvas.height())

//第二种方法擦除（重新设置高宽度）

canvas.attr('width', canvas.width())

canvas.attr('height', canvas.height())

HTML清除浮动的方法步骤如下：

1、首先，制作一个简单的HTML页面，找到父级元素，将父级元素添加上边框；

2、然后，将父级元素添加上边框后，发现父级元素没有被子元素的高度所撑开，保持标签的高度；

3、在HTML页面上，将最后一个浮动元素的后面添加上div，设置其类型为clearboth；

4、设置完成后，将浮动元素的父级元素添加上伪类，添加成功后，HTML即可清除浮动。

首先，我们制作一个简单的html页面。父级元素是div，内部元素，是两个ul，两个ul分别是左浮动。并且为父级元素添加边框。

2/7

我们可以发现，父级元素根本没有被子元素的高度所撑开，而是只保持了h标签的高度，这就是浮动，导致的。

3/7

清除浮动，顾名思义就是clear:both，这的确是一种方法，但是要确定我们的clear:both是应用在哪里。

4/7

我们可以在html页面上，最后一个浮动元素的后面，添加一个div，并设置其style为clear:both。

5/7

我们还可以为浮动的元素的父级元素添加伪类，*::after{content""display:blockclear:both}，这样将会使得浮动止于此

6/7

除了这些，我们还可以为父级元素添加overflow属性，可以设为hidden,也可以设为auto

7/7

以上三种方法是小渔自己通过亲身经历，总结而来的哦。正确的页面显示效果如图所示

---