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

Question

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

我尝试了几种方法，你可以在函数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;

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

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

编辑：似乎我的清除功能是在页面加载时调用的，而不是在我单击按钮时调用

Answer 1

感谢azs06，这就是答案：

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