如何使用javascript在html5画布中绘制可滚动菜单？

Question

因此，我在html5游戏中创建了此类制作菜单，而我遇到了这个问题，即当制作菜单过多时，由于菜单太小而无法容纳所有制作菜单，因此不会显示制作菜单。 有没有办法使菜单可滚动？

（我只希望菜单本身是可滚动的，而不是整个画布都可滚动）

示例：

。

谢谢：）

编辑：

<canvas onscrcoll='scroll()'></canvas>

这不起作用

没关系，我已经找到答案了（

document.addEventListener('wheel',ScrollFunction)

Answer 1

您将需要在canvas中准确放置菜单，例如在左上角（X1，Y1）和右下角（X2，Y2）之间。如果在画布中发生滚动事件，则需要对其进行处理，否则将忽略滚动，例如：

<canvas id="myCanvas" width="1024" height="768" onscroll="canvasScroll()"></canvas>

不过，您将需要实现自己的逻辑。