如何将图片中的按钮转换为网站上真正的可点击按钮？

Question

对于一个网站，当人们加载一个页面时，会出现一个带有按钮的动画。你可以看到下面的动画截图。

动画完成后，我希望用户能够单击其中一个。我该怎么做？现有的库、合适的语言或特定的技术是否可以完成此任务？谢谢你

Answer 1

如果可能，编辑视频并进行裁剪。

使用简单的HTML添加按钮。如果不可能的话，我很抱歉。

Answer 2

我想说，让动画响应单击事件（如按钮）的最简单方法是用javascript设置鼠标事件侦听器，每次有人单击页面时，它都会被触发。

基本上，在单击处理程序中，您将比较鼠标的单击位置和按钮的已知屏幕坐标（如果匹配），从而触发事件。

难点在于找到按钮的坐标——如果动画是在画布上绘制的，那么很容易找到——如果只是一个图像，那么就有点困难。