如何清除画布以进行重绘

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);

这篇关于如何清除画布以进行重绘的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！