javascript - 如何评估 Canvas 上的 onclick 函数？

Question

所以，就是这段代码，在 Canvas 上画一条线:

var x = document.getElementById("canvas").onclick = function() {
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.moveTo(0, 0);
context.lineTo(300, 150);
context.stroke();
}

例如，我想要在绘制线条时发出警报。我怎样才能做到这一点？我的意思是像 if(x===true)alert("aa"); 我知道它在 js 中不起作用。

Answer 1

document.getElementById("canvas").onclick = function() {
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    context.moveTo(0, 0);
    context.lineTo(300, 150);
    context.stroke();
    alert("aa"); /* here */
}