我想要将添加到 Canvas 中的图像用作按钮。 当我单击图像时,必须显示警报。还必须禁止单击 Canvas 的其余部分。我怎样才能做到这一点? 谢谢。
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var quizbg = new Image();
quizbg.src = "basla.png";
context.drawImage(quizbg,0,0);
}
<script>
<body>
<div id="ccontainer">
<canvas id="myCanvas" width="600" height="400"></canvas>
</div>
</body>
最佳答案
这样做,
<script>
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var quizbg = new Image();
quizbg.src = "basla.png";
quizbg.onload = function() {
context.drawImage(quizbg,0,0);
}
canvas.onclick= function() {
alert('Bike');
canvas.onclick = false;
}
}
</script>
<body>
<div id="ccontainer">
<canvas id="myCanvas" width="600" height="400"></canvas>
</div>
</body>
关于javascript - 图像作为按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15158203/