gpt4 book ai didi

javascript - 如果单击 Canvas 中的图像,则会发出警报

转载 作者:行者123 更新时间:2023-11-28 07:30:58 25 4
gpt4 key购买 nike

所以我在 Canvas 上有动画图像。它从左到右。我想要:

alert("Wokrs!");

如果我点击图像。有人知道该怎么做吗?这是我的代码:

    <head>
<script src="events.js">
</script>
<script src="animation.js">
</script>
<script>
window.onload = function(){
var events = new Events("myCanvas");
var canvas = document.getElementById("myCanvas");
var c = canvas.getContext("2d");
var anim = new Animation("myCanvas");


var image = new Image();

anim.setDrawStage(function()
{
c.clearRect(0, 0, 3000, 3000);
c.drawImage(image, anim.getFrame() - 100, Math.cos(anim.getFrame() / 25) * 60);


if(events.getMousePos() != null)
{

//Here I want to do alert("Works!"); if mouse clicked image.

}

});

image.onload = function()
{
anim.start();
};
image.src = "mojaRyba.png";

events.listen();
};

</script>
</head>
<body>
<canvas id="myCanvas" width="600" height="250" style="border:1px solid black;">
</canvas>

@编辑

我添加了更多代码。

最佳答案

您需要添加一个点击事件处理程序,这是一个示例:

canvas.addEventListener("click", function(
alert("Works!");
)

关于javascript - 如果单击 Canvas 中的图像,则会发出警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29126364/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com