HTML5 Canvas 清除画布

html5 Canvas clearRect()的使用方法，2D上下文功能clearRect()用于清除画布的矩形。清除的矩形变为透明。

在线示例

2D上下文功能clearRect()用于清除画布的矩形。清除的矩形变为透明。这是一个代码示例:

请注意，现在如何清除红色和蓝色矩形中的矩形。
如前所述，清除的使用clearRect()区域变为透明。如果canvas元素已放置在另一个元素的顶部，则该元素的内容将通过清除区域可见。

clearRect(x, y, width, height)

就像绘制矩形一样，传递给的4个参数clearRect()表示要清除的矩形的左上角，以及要清除的矩形的宽度和高度。
这是一个更明确的示例：

var x = 50;
var y = 30;
var width  = 110;
var height = 25;
context.clearRect(x, y, width, height);

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！