如何清除包含图像的画布？答案

【问题标题】：How to clear a canvas containing an image?如何清除包含图像的画布？
【发布时间】：2017-02-20 10:40:50
【问题描述】：

我的画布有问题。我有一个网页，可以让我用相机拍照，然后将其显示到画布上。这部分工作正常，但我希望能够在单击按钮时清除画布。

我尝试了几种方法来做到这一点，正如您在函数 ag_pub_clear_photo 中的 this fiddle 中看到的那样

这是我尝试的 3 种方法：（ag_photo_picture 是我的画布的 id

1) $('#ag_photo_picture').clear();

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

3) var canvas = $('#ag_photo_picture')[0]; canvas.width = canvas.width;

无论我尝试哪种方式，似乎总是什么都没有发生，我不明白为什么或做错了什么。

我想通过“清除”画布来精确说明，在触摸任何按钮之前，我希望它像一开始一样是空白/不可见的。

编辑：似乎我的 clear 函数是在页面加载时调用的，而不是在我单击按钮时调用的

【问题讨论】：

你必须在点击事件上调用函数，像这样 $('#ag_photo_clear_button').on('click',ag_pub_clear_photo); 这里是工作 jsfiddle jsfiddle.net/azs06/2435eav9/4
How to clear rectangle on Image in Canvas的可能重复
好的，我在 ag_pub_clear_photo 的末尾添加了 () 不应该在这里，谢谢你现在可以正常工作了 :)
@darzang：如果您不同意建议的副本，请将您的回复保留在 cmets 中。问题帖子应侧重于问题材料本身，这样元评论就不会永远留在里面。
如果已解决，请添加答案，而不是在标题中添加 [已解决] 设备。谢谢！

【解决方案1】：

感谢 azs06，这是答案：

$('#ag_photo_clear_button').on('click',ag_pub_clear_photo);

【讨论】：