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

Question

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

我尝试了几种方法，你可以在函数ag_pub_clear_photo中看到这个小提琴

这是我尝试的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);