如何清除包含圖像的畫布？

Question

我的畫布有問題。我有一個網頁，可以讓我用相機拍照，然後將其顯示在畫布上。這部分工作正常，但我希望能夠按一下按鈕清除畫布。

我嘗試了一些方法來做到這一點，你可以在this fiddle在功能看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);