javascript - 即使在clearRect()之后， Canvas 内的文本仍然存在

Question

所以我所做的基本上就是从 this 添加一个删除按钮答案是清除 Canvas 的内容。

HTML:

<button id="delete">delet this</button><br>

JS:

$("#delete").click(function () {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
});

它按预期工作，直到我意识到事实并非如此:如果我单击“绘制文本”按钮，原本应该消失的文本会再次出现。有人知道为什么吗？

有问题的 fiddle :http://jsfiddle.net/wgq384et/

Answer 1

清除 Canvas 时，不会清除数组文本[]。因此，当您重绘时，它会重绘存储的文本。只需将 texts=[]; 添加到删除按钮 onclick 方法