javascript - キャンバスに描かれた画像に onclick を割り当てる方法は?

Question

ユーザーが画像をクリックしたときにイベントを画像で動作させようとしています。

var canvas = document.createElement("canvas");
canvas.width = 800;
canvas.height = 600;
canvas.style = "border:2px solid black";
canvas.addEventListener('click', clickReporter, false);
var ctx = canvas.getContext("2d");
document.body.appendChild(canvas);

var clickhere = new Image();

clickhere.onload = function () {
        draw();
};

clickhere.src = "clickhere.png";


function draw() {
ctx.drawImage(clickhere, 200, 200);
}

function clickReporter(e) {
    alert("Thanks for clicking!");
    }

明らかに、このコードはすべて、ユーザーがキャンバスをクリックしている限り、アラート ボックスをオフにするだけです。画像は 100 x 100 ピクセルです。