Как нарисовать прокручиваемое меню на холсте html5 с помощью JavaScript?

Question

Итак, я создаю это меню крафта в своей игре html5, и я столкнулся с проблемой, когда при слишком большом количестве рецептов крафтинга рецепты крафтинга не будут отображаться, так как мое меню слишком мало, чтобы вместить их всех. , Есть ли способ сделать меню прокручиваемым?

(я хочу, чтобы прокручивалось только само меню, а прокручиваться не весь холст)

Примеры:

.

Спасибо:)

Edit:

<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>

Вам нужно будет реализовать свою собственную логику.