Question

所以，这个代码，在画布上画一条线：

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 */
}

Answer 2

change()没有<canvas>个事件，因此您无法像对div或input元素那样将事件处理程序附加到canvas元素。

然而，这个问题还有其他一些想法：

https://stackoverflow.com/a/4649358

如何评估画布上的onclick功能？

2 个答案: