如何清除画布以重新绘制 [英] How to clear the canvas for redrawing

问题描述

在尝试合成操作并在画布上绘制图像后，我现在尝试删除图像和合成.我该怎么做?

After experimenting with composite operations and drawing images on the canvas I'm now trying to remove images and compositing. How do I do this?

我需要清除画布以重新绘制其他图像；这可能会持续一段时间，所以我不认为每次都绘制一个新的矩形是最有效的选择.

I need to clear the canvas for redrawing other images; this can go on for a while so I don't think drawing a new rectangle every time will be the most efficient option.

推荐答案

鉴于 canvas 是一个画布元素或一个 OffscreenCanvas 对象,

Given that canvas is a canvas element or an OffscreenCanvas object,

const context = canvas.getContext('2d');

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

这篇关于如何清除画布以重新绘制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！