javascript - 如何清除 Canvas 以进行重绘

标签 javascript html canvas html5-canvas composite

在尝试合成操作并在 Canvas 上绘制图像之后,我现在尝试删除图像并进行合成。我该怎么做?

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

最佳答案

鉴于 canvas 是一个 canvas 元素或 OffscreenCanvas object ,使用clearRect :

const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);

关于javascript - 如何清除 Canvas 以进行重绘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38126995/

相关文章:

javascript - 重新加载本地 jqGrid,行数据比以前少——没有看到行消失?

javascript Firebase 如何按顺序触发 'value' 事件?

javascript - SharePoint JavaScript CSOM : Best way to deal with Lookup fields?

java - 如何格式化从 Java 输出的 HTML 页面?

javascript - 如何按 ID 减去特定列值并在所有行的另一列中显示结果?

javascript - 避免 jquery select 的类型错误

html - 如何在CSS中实现这种布局? (各部分相互重叠)

javascript - 有什么方法可以在 javascript 中将径向渐变变成椭圆形?

javascript - 使 Canvas 填充包括形状中的描边

javascript - Html Canvas 以宽高比旋转较大的图像